What it looks like in a real app
7 apps, each one installing @microcharts/react from npm the way you would. 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 running 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 types
microcharts-pulse.pages.devPulseRSC · zero client JSProduct analytics rendered in Server Components. Static routes ship no chart JS at all.35 chart typesmicrocharts-ledger.pages.devLedgerinteractive + animateA night-session trading terminal where the marks redraw as quotes tick.25 chart typesmicrocharts-dispatch.pages.devDispatchinline · editorial presetA print magazine where the charts sit inside the sentences, as typography.20 chart typesmicrocharts-shipyard.pages.devShipyardmono presetA grayscale service-health console where color is spent only on meaning.22 chart typesmicrocharts-vitals.pages.devVitalscategorical paletteA gentle health almanac on cream stock, where a year of sleep fits on one page.25 chart typesmicrocharts-atlas.pages.devAtlascustom ink themeHousing-market intelligence, dense enough that every table cell carries its own chart.25 chart types
The quickstart gets a first chart into one of your sentences.