ReferenceAll charts
All charts
The full microcharts catalog — every shipped chart at word size, grouped by the question its collection answers, each linking to a live page.
One grammar runs through all of them: data alone always renders something correct, and a prop name means the same
thing on every chart. So you don't pick by chart — you pick by the decision you need read at a glance. The chooser
below is filed exactly that way: start from the question, land on the chart.
Which chart do I use?
A trend over time
16Values in sequence — read direction, shape, and where it turned.
- Sparklinestart hereA trend over ordered values, small enough to sit in a sentence.
- DualSparklineHow is this series doing against its benchmark.
- HorizonA wide-range series folded into a slim, dense band.
- StackedAreaHow the composition is shifting over time.
- CometTrailWhere the value is now, and where it has just been.
- TreeRingsHow growth accumulated, period over period, from the centre out.
- MusicStaffThe shape of a short series, read as a melody.
- WinProbWormWho's winning, and when did the lead flip?
- ChangePointWhen did the behavior change level?
- CyclePlotWhat repeats beneath the trend?
- RateVolumeThe rate moved, but on what volume?
- WaveformThe shape of a high-frequency signal, where its spikes and silences are, at word width.
- OhlcPrice action per period: open, high, low, close in a cell.
- BumpStripWhere do we rank, and which way is it moving.
- PercentileTraceIs this entity's standing rising or slipping inside the pack?
- QueueDepthIs the backlog draining or growing?
Compare & rank
18Several things on one scale — which leads, and by how much.
- MiniBarstart hereWhich category is biggest, and by roughly how much.
- SparkBarCompact bars for magnitude, or a win–loss streak of outcomes.
- DotPlotA few named values on one scale: minimum ink per comparison.
- BubbleRowRoughly how a few magnitudes compare. For precise comparison, use MiniBar.
- CitySkylineHow groups compare on size, and how activated each is.
- ParetoStripWhat should we fix first?
- FatDigitsWhich numbers in a dense column are big, before you read them.
- StarSpokeAn entity's profile across a few metrics, and which one in a set is the odd one out.
- SproutRowHow mature or healthy is each item in a small set.
- PairedBarsActual vs expected, category by category: one shared scale.
- SlopeWho rose and who fell between two moments: crossings read instantly.
- DumbbellWhere each row started and ended: hollow to filled, no legend.
- ABStripsDid B beat A, and by more than the overlap?
- ShiftHistogramDid the fix actually change the distribution?
- BalanceBeamWhich of two sides outweighs, and roughly by how much.
- SpreadBandWhich of two series leads, by how much, and since when.
- BiasStripDo two ways of measuring the same thing systematically disagree?
- NetFlowIn versus out, and where does that leave us net?
Parts of a whole
06One quantity split into pieces — read the mix and the biggest slice.
- SegmentedBarstart hereWhat is this made of, and in what proportions.
- MicroDonutRoughly what is this made of? An honest, capped concession at icon size.
- FunnelWhere does the pipeline leak? Stage-to-stage conversion in a cell.
- WaterfallHow the deltas compose into the total: P&L in a cell.
- PartitionStripWhat the whole is made of, and what the big parts are made of, with parentage visible.
- LikertStripDoes the response lean agree or disagree, and how hard.
On track?
14A value against a target, budget, or deadline — the gap and the pace.
- Bulletstart hereA measure against a target and qualitative bands.
- ProgressHow far along, exactly: bar plus the percent that is the datum.
- ProgressRingHow complete is this? At icon size, where a bar doesn't fit.
- BurnChartWill we finish on time?
- ErrorBudgetAre we burning the error budget too fast to survive the window?
- EtaBarHow long this will actually take, given how it has actually been going.
- ThermometerWhere a value sits on a calibrated range, and how close to the goal.
- TapeGaugeThe level now, the zone it's in, and how fast it's moving, with the eye parked in one place.
- FillWordProgress on a named task, where the label is the bar.
- DualWindowMeterIs the level compliant against its target, right now and on average: spikes vs drift.
- ControlStripIs the process in control, or did something leave the band?
- ForecastConeWill we land where we need to?
- HourglassHow much time is gone and how much remains, both at once.
- CoverageStripCan I trust this data, and where was nothing measured?
State right now
09One current condition, glanceable — often before any number.
- StatusDotstart hereWhat state is this thing in: shape and color paired, never color alone.
- DeltaA signed change, double-encoded by glyph and color.
- TrendArrowWhich way is this moving? At glyph size, before any number.
- BreathingDotHow loaded the system is right now, ambiently.
- HeartbeatBlipIs it alive, and how busy? Instantly.
- OrbitStatusHow slow and how busy is this dependency right now?
- WindBarbWhich way it's flowing and roughly how hard, in one character.
- StationGlyphA whole weather observation in one character: sky, wind, temperature, dew point, pressure.
- MoonPhaseHow far through a cycle or period: readable across cultures.
Distribution & uncertainty
09Not one number but its spread, tail, and how much to trust it.
- HistogramStripstart hereWhat does the distribution look like? Mode, spread, skew in a cell.
- MicroBoxThe p50 and spread of a metric: a five-number summary in a row.
- RugStripWhere the raw observations actually sit: distribution without binning.
- QuantileDotsWhat are the odds, in countable form?
- GradedBandHow sure are we about this one number?
- PercentileLadderWhat does the tail look like, not just the median?
- EnsembleGhostsWhat could happen, across the futures?
- BenchmarkStripIs this value normal for its peer group?
- VolumeProfileAt which level did activity concentrate, not when.
Timing & events
14When things happened, how often, and in what rhythm.
- ActivityGridstart hereCalendar or matrix intensity: the contribution-graph shape.
- CalendarStripThe last few weeks, day by day: real calendar position.
- EventTimelineWhat happened when, and for how long: spans and instants on one row.
- SeismogramWhen did things happen, and how hard: event density over time.
- HeatStripHow intensity evolved, glanceably: the 1×N sibling of ActivityGrid.
- EventRasterWhen each source fired, and whether sources fire together, in sequence, or not at all.
- ConstellationWhen the rare events happened, and how big.
- StreakSparkThe current run against the record, with the texture of every streak and break.
- HypnogramWhich discrete state the system was in over time, and how choppy the transitions were.
- TimeInRangeHow much of the period stayed inside the corridor, and which side it missed on.
- FoldedDayBandWhat a typical period looks like, and whether the current one is typical.
- PolarClockThe shape of a day or week cycle.
- SpiralYearHow the year breathed: seasonality at a glance.
- GardenGridThe rhythm of activity over time: legible in grayscale and print.
Count
05Small quantities a reader can verify by counting.
Specialized instruments
15Uncommon questions — relationships, models, ops — each an unusually apt encoding.
- MicroScatterstart hereAre these two variables related? The relationship no other type tells.
- QuadrantDotWhere does it sit in the 2×2?
- PhaseTraceHow two coupled signals move together: loops, regimes, and where the system is now.
- ConfusionGridWhere the errors go: the one thing accuracy-as-a-number hides.
- CalibrationStripWhen a model says 70%, does it happen 70% of the time, and is there enough data to ask.
- TokenConfidenceWhich parts of generated text you should double-check: the text is the chart.
- TraceFoldWhere the latency went: which spans, at which depth, on the path that set the total.
- DepthWedgeHow much pressure is stacked on each side of the current level, and how wide the gap is.
- MinimapStripWhere am I in the whole, and where in the whole is everything else I care about.
- DataDiffWhat changed between two versions?
- CohortTriangleWhich vintage retains worst, compared at equal maturity.
- RetentionCurveDo they stay, and does the curve plateau?
- RubricStripHow a thing scored per criterion, with each criterion's weight visible, no fake total.
- GradeProfileHow hard the route is, and where: pitches coloured by grade, the steepest called out.
- HeatCellOne calibrated color step: the building block for host-owned grids.
Static and interactive
Nearly every chart ships two entries — a hook-free static default (server-component safe, zero client JavaScript)
and an interactive twin from a /interactive subpath. WindBarb is the lone static-only exception. Every chart page
lists the import paths it has; the Quickstart covers when to reach for which, and
Accessibility documents the one interaction contract they all share.
AI-native
microcharts is built to be read and written by machines as well as people — a stream-friendly chart grammar, inline word-sized charts, a generated catalog, Markdown mirrors, and llms.txt so LLMs and agents get the API right the first time.
Sparkline
React sparkline chart — tiny accessible SVG trend line. RSC-safe static entry, or /interactive with hover and keyboard. Zero-dependency microchart from @microcharts/react.