# Streamline

###### A lightweight, dependency-free JavaScript library for generating sparkline charts.

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

#### Hi Sunny,

how can I help you today?
Analyze my data

Create a new report

Summarize my Calendar

App Builder
Unlock limitless design potential with 16+ layout combinations and extensive customization options—tailor your dashboard to fit your exact needs.
Header position fixed
Navigation full height
Navigation position fixed
Navigation collapsed
Navigation Minified
Dark Navigation
Colorblind Mode
High Contrast Mode