Skip to content
The examples

The catalog, put to work.

7 independent apps, each built with @microcharts/react installed from npm — a trading terminal, a print magazine, an eval console. Between them they exercise every one of the 106 chart types. Each card opens a walk-through; the walk-through opens the live app.

7example apps
106chart types — all of them
0runtime dependencies
microcharts-pulse.pages.devPulseRSC · zero client JSProduct analytics rendered in Server Components. Static routes ship no chart JS at all.35 chart typesexplore
microcharts-ledger.pages.devLedgerinteractive + animateA night-session trading terminal: candles, order flow, live animated marks.25 chart typesexplore
microcharts-dispatch.pages.devDispatchinline · editorial presetA print magazine where the charts sit inside the sentences, as typography.20 chart typesexplore
microcharts-shipyard.pages.devShipyardmono presetA grayscale service-health console where color is spent only on meaning.22 chart typesexplore
microcharts-vitals.pages.devVitalscategorical paletteA gentle health almanac: rings, hypnograms, and streaks on cream stock.25 chart typesexplore
microcharts-atlas.pages.devAtlascustom ink themeHousing-market intelligence: heat maps, dumbbells, and slopes on limestone.25 chart typesexplore

The eighth is yours. Install from npm, pick a mark, ship it inside a sentence.

Start building