Overview

Copy-paste React chart components built on Recharts, D3, and Tailwind: the same ones our own apps render.

Charts is a component library, not a dependency. You copy a chart into your codebase and own it from then on: the same philosophy as shadcn/ui, which it is built to sit alongside.

There is no API and no account. If you have a React app with Tailwind, you can use it.

What's in it

Charts span the ordinary and the specialised:

CategoryExamples
BasicArea, bar, line, pie, donut, scatter
StatisticalBox plot, histogram, density, violin, SPLOM
FinancialCandlestick, OHLC, waterfall, bullet
ScientificContour, ternary, parallel coordinates, polar
HierarchicalTreemap, sunburst, icicle, dendrogram
Flow and relationSankey, network graph, parcats, slope
MapsChoropleth

Every chart ships light and dark, is responsive by default, and is composed from a small set of shared primitives (container, axis, grid, legend, tooltip), so they behave consistently once you know one.

On this page