Streamline is a lightweight, dependency-free JavaScript library for generating mini graphs. This in-house plugin is designed to be flexible and customizable to your needs. If you'd like to request additional features, please don’t hesitate to contact us.

Line Chart

Line charts display data points connected by straight line segments. You can customize the line color and width using data-line-color and data-line-width attributes.
5,3,9,6,5,9,7,3,5,2
0,-3,-6,-4,-5,-4,-7,-3,-5,-2
0,1,7,6,4,2,3,5,3,4
5,3,9,6,5,3,1,7,6,4

Bar Chart

Bar charts display data as vertical bars. You can customize bar colors, width, and spacing using data attributes.
5,3,9,6,5,9,7,3,5,2
4,-3,-6,-4,-5,-4,7,-3,-5,2
0,1,7,6,4,2,3,5,3,4
0,-1,-7,-6,-4,-2,-3,-5,-3,-4

Tristate Chart

Tristate charts represent data in three states: positive (1), neutral (0), and negative (-1). Each state can be represented with different colors.
1,1,0,1,-1,-1,1,-1,0,0,1,1
1,-1,0,1,-1,0,1,0,-1,1,0,-1

Area Chart

Area charts are line charts with the area below the line filled with a color. Customize both line and fill colors using data attributes.
5,3,2,-1,-3,-2,2,3,5,2
1,4,4,7,5,9,10,4,4,7,5,9,10
5,3,9,6,5,3,1,7,6,4,4,1,5
0,1,7,6,4,2,3,5,3,4,3,1,4,6

Discrete Chart

Discrete charts display data as individual vertical lines. Set a threshold value to change the color of lines based on their values.
5,9,7,6,5,3,2,5,8,9,7,5
8,4,6,9,5,3,7,5,7,8,4,9

Pie Chart

Pie charts show data as proportional slices of a whole. You can customize slice colors using the data-slice-colors attribute with an array of colors.
30,20,45,5
7,6,3