Charts

46 SVG chart primitives. Zero dependencies — pure React + SVG. Every chart uses the same composable pattern: data in, SVG out.

Showcases
/demo/area/demo/bar/demo/line/demo/pie/demo/radar/demo/treemap/demo/tooltip
Showcase
All charts, in context →
The narrative showcase — 35 chart-cards with realistic data, headlines, and trend footers. The single best place to see what @ramtt/charts can do.
35 chart cards
Lab
Interactive chart lab →
Tinker with primitives, panels, and zoom interactions. Used to validate motion, sync, and viewport behavior before shipping.
Live playground
API reference by category
Cartesian
Line, area, bar, and scatter charts built on ChartRoot with shared axes.
12 primitives
Specialty
Standalone chart types — donut, radar, treemap, sankey, and more.
19 primitives
Interaction & zoom
Crosshair, tooltips, zoom, brush, and multi-chart synchronization.
15 primitives
Cartesian
View all →
AreaAxisValueAxisXAxisYBarGridLineRefLineRootScatterZoneBackgroundZoneLine
Specialty
View all →
BoxPlotBulletCalendarHeatmapCandlestickDonutFuelLollipopFunnelHeatmapMMPPatternPMCPyramidRadarRadialBarSankeySunburstTreemapTreemapProWaterfall
Interaction & zoom
View all →
BrushOverlayChannelLabelAnnotationCrosshairIntervalMarkersNavigatorPeriodTabsScrubberSyncProviderTooltipTreemapTooltipValueTrackerWithSubChartZoomHandlerCrosshairTimeLabel