@elabs-ai/components-charts
MetricCard, MetricGrid, ChartCard, ChartFrame, AutoChart (spec-driven via a serializable ChartSpec).
pnpm add @elabs-ai/components-chartsHighlights
A few of the 56 pages here. Open a family below, or in the navigation, to see all of it.
Several series over time
Rank over time
A few categories, compared
Two points per category
A bridge between totals
Hierarchy and share
Stage-to-stage drop-off
Category by category
Routes through stages
Browse by family
How did it change over time?
AreaChart · BumpChart · CandlestickChart · ComposedChart · Gantt · LineChart · LiveLineChart · River · Sparkline
How do these compare?
BarChart · BulletChart · DumbbellChart · ParallelCoordinatesChart · RadarChart · WaterfallChart
How is it spread?
ChoroplethChart · DensityScatterChart · DistributionChart · HeatmapChart · ScatterChart
What a chart sits in and what picks it: cards, frames, small multiples and the spec-driven AutoChart.
AutoChart · ByDataShape · CanvasLayer · ChartCard · ChartFrame · ChartMultiples · InView
The parts every chart composes: axes and ticks, legends, tooltips, annotations, brushes, labels and editorial marks.
Annotations · Axes · ChartBrush · ChartLegend · EditorialMarks · Formatting · Labels · RampLegend · SeriesPattern · SizeLegend · Tooltip Presets
Analytics · Area & lasso · Axis range · Category scrolling · Linked charts · Models · Navigator · Session & toolbar