Documentation
Every topic on its own page, 35 in all, most with a live chart and the code that draws it. New here? Start with Getting started.
Start
Chart types
- Line chartChange over time: curves, steps, points and the last value.
- Area chartVolume and totals: areas, stacked and 100% stacked.
- Bar chartGrouped, stacked, 100% stacked, horizontal and negative bars.
- Pie and donutShares of a whole, with the total in the middle and small slices folded into Other.
- Scatter and bubbleThe relation between two values, with a third as the bubble size.
- Radar chartSeveral scores at a glance.
- GaugeA single value against a range, such as progress to a target.
- Combo (bars and a line)Mix series types in one chart, with an opt-in right y axis for a second unit.
- Sparklines and KPI cardsA big number, a change badge and a small trend line in one card.
Numbers and look
Interaction and export
- Tooltip and legendCrosshair tooltips, custom values, and legend toggles.
- Zoom and panDrag, wheel or pinch to zoom; double-click to reset. Free.
- Annotations: lines and bandsTarget lines, averages and shaded periods.
- ExportPNG, SVG and CSV downloads and a data table, with no key or watermark.
- Large data (downsampling)Draw lines and areas with tens of thousands of points, thinned with LTTB; CSV and table keep everything.
- Loading, errors and no datasetLoading, setError with retry, and the noData message.
- Linked charts (shared crosshair)Different units: two charts with one crosshair instead of a dual axis.
- AccessibilityKeyboard reading, an automatic summary, a hidden table and reduced motion.
Frameworks and server
- Web component <chart-82>One HTML tag, no framework.
- ReactUse 82chart as a React component.
- VueUse 82chart as a Vue component.
- SvelteUse 82chart as a Svelte component.
- AngularUse 82chart as a Angular component.
- Server rendering (SSR)renderToSVG makes an SVG string without a DOM: Node, Workers, Astro, e-mail and OG images.