Chart Types

Peek supports the following chart types:

• Cartesian (with linear or time-series x-axis scales. Bar charts also support ordinal x-axis scales)
• Line charts
• Scatter charts
• Area charts
• Stacked area charts
• Bar charts
• Grouped bar charts
• Stacked bar charts
• Grouped stacked bar charts
• Radial
• Pie charts
• Donut charts
• Other
• Horizontal bar charts

See the example data for the input JSON format. The time-series charts are interchangeable (a common data format can be used with all chart types).

Limitations

• No automatic sample interpolation (it is expected that each input data series has an equal number of samples)
• Negative values are not fully supported yet
• NULL values are currently treated as 0, not as missing data (gaps)

Line chartShow Code

Line chart (with dual y-axis and dual scales)Show Code

Dual y-axes with series belonging to one of two scales. Note: only line and scatter charts support dual y-axes.

Line chart (with interpolation, data points and grid)Show Code

See the D3.js documentation and this example for a list of interpolation types.

Line chart (with linear x-axis scale)Show Code

Scatter chartShow Code

Area chartShow Code

Stacked area chartShow Code

Stacked area chart (with opacity and data points)Show Code

Expanded stacked area chartShow Code

Stacked area chart (wiggle offset)Show Code

Stacked area chart (silhouette offset)Show Code

Bar chartShow Code

Bar chart (with opacity)Show Code

Grouped bar chartShow Code

Stacked bar chartShow Code

Stacked bar chart (with texture)Show Code

Stacked grouped bar chartShow Code

Bar chart (with linear x-axis scale)Show Code

Bar chart (with ordinal x-axis scale)Show Code

Horizontal bar chartShow Code

The horizontal bar chart features a flexible height, which expands automatically as more rows are added to the data input.

Pie chartShow Code

Donut chartShow Code

Donut chart (with outline and transparency)Show Code