The examples

What it looks like in a real app

7 independent apps, each built with @microcharts/react installed from npm. There is a trading terminal in here, a print magazine, an eval console, and between them they use every one of the 106 chart types. Each card opens a walk-through, and the walk-through opens the live app.

7example apps

106chart types, all of them

0runtime dependencies

microcharts-cortex.pages.devCortexthe AI storyAn eval console that reads a model's answer through the model's own confidence.activity-gridbias-stripbulletcalibration-stripcomet-trailconfusion-grid+16 more22 chart typesexplore

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 quickstart gets a first chart into one of your sentences.

Start building