Skip to content

Charts

No chart library: about 10 KB

Area

Line

Grouped bars

Stacked bars

Donut

Radial

Sparklines

Revenue
Refunds
Sessions

Usage

Every chart is one element with a JSON config. Colours follow the theme and accent automatically.

<div class="chart" data-chart='{
  "type": "area",
  "height": 260,
  "format": { "prefix": "$" },
  "labels": ["Jan", "Feb", "Mar"],
  "series": [{ "name": "Revenue", "data": [5200, 6100, 7400] }]
}'></div>
Customize
Saved in your browser
Color mode
Accent color
Sidebar
Layout
Direction