JavaScript & HTML5 Chart Types

Area

Visualize cumulative value over a period of time or range.

Line

Show trends and performance over a period of time.

Bar

Show data change between categories using bars of the same size.

Inversed Bar

Use horizontal bars to compare values in categories.

Spline

Smooth line curves connect data points.

Spline Area

Visualize an area bound by a smooth line curve.

Scatter

Represent data as a series of points with X and Y values.

Bubble

Display three dimensions of associated data.

Pie

Break down data into its constituent parts of a whole.

Donut

Similar to pie, use donuts for showing proportional data.

Range Bar

Visualize data as a series of bars with their own X and Y coordinates.

Inversed Range Bar

Render range bars on an inversed chart layout.

Range Area

Present range data as an area with high and low values.

Range Spline Area

Visualize ranges as an area bounded by smooth lines.

Step Line

Step-like visualization underlining data changes between two points.

Step Area

Visalize data change as an area bounded by a series of steps.

Polar Line

Show line data on a polar coordinate system.

Polar Area

Visualize areas on a polar coordinate system.

Polar Bar Chart

Visualize changes and trends on a polar plot.

Polar Spline

Smooth line visualization on a polar or radar plot.

Polar Spline Area

Underline an area on a polar or radar plot enclosed by a smooth line

Polar Scatter

Position data as points on a polar or radar coordinate system.

Sparklines

Lightweight charts, useful for demonstrating trends.