# Chart index (https://microcharts.dev/charts)

All 106 chart types in `@microcharts/react`, filed by collection. Each link goes to that chart's documentation as Markdown; drop the `.md` for the page.

Import a chart from its own subpath — `@microcharts/react/sparkline` — and add `/interactive` only when you need hover, keyboard, touch or selection.

## Collections

### Core

Everyday charts.

- [Sparkline](https://microcharts.dev/docs/charts/sparkline.md) — A trend over ordered values, small enough to sit in a sentence.
- [SparkBar](https://microcharts.dev/docs/charts/sparkbar.md) — Compact bars for magnitude, or a win–loss streak of outcomes.
- [Delta](https://microcharts.dev/docs/charts/delta.md) — A signed change, double-encoded by glyph and color.
- [Bullet](https://microcharts.dev/docs/charts/bullet.md) — A measure against a target and qualitative bands.
- [ActivityGrid](https://microcharts.dev/docs/charts/activity-grid.md) — Calendar or matrix intensity: the contribution-graph shape.
- [TrendArrow](https://microcharts.dev/docs/charts/trend-arrow.md) — Which way is this moving? At glyph size, before any number.
- [StatusDot](https://microcharts.dev/docs/charts/status-dot.md) — What state is this thing in: shape and color paired, never color alone.
- [HeatCell](https://microcharts.dev/docs/charts/heat-cell.md) — One calibrated color step: the building block for host-owned grids.
- [Progress](https://microcharts.dev/docs/charts/progress.md) — How far along, exactly: bar plus the percent that is the datum.
- [RugStrip](https://microcharts.dev/docs/charts/rug-strip.md) — Where the raw observations actually sit: distribution without binning.
- [MiniBar](https://microcharts.dev/docs/charts/mini-bar.md) — Which category is biggest, and by roughly how much.
- [PictogramRow](https://microcharts.dev/docs/charts/pictogram-row.md) — Counts a human can verify by counting: ●●●○○.
- [Seismogram](https://microcharts.dev/docs/charts/seismogram.md) — When did things happen, and how hard: event density over time.
- [HeatStrip](https://microcharts.dev/docs/charts/heat-strip.md) — How intensity evolved, glanceably: the 1×N sibling of ActivityGrid.
- [DotPlot](https://microcharts.dev/docs/charts/dot-plot.md) — A few named values on one scale: minimum ink per comparison.
- [Dumbbell](https://microcharts.dev/docs/charts/dumbbell.md) — Where each row started and ended: hollow to filled, no legend.
- [PairedBars](https://microcharts.dev/docs/charts/paired-bars.md) — Actual vs expected, category by category: one shared scale.
- [Slope](https://microcharts.dev/docs/charts/slope.md) — Who rose and who fell between two moments: crossings read instantly.
- [MicroScatter](https://microcharts.dev/docs/charts/micro-scatter.md) — Are these two variables related? The relationship no other type tells.
- [SegmentedBar](https://microcharts.dev/docs/charts/segmented-bar.md) — What is this made of, and in what proportions.
- [HistogramStrip](https://microcharts.dev/docs/charts/histogram-strip.md) — What does the distribution look like? Mode, spread, skew in a cell.
- [MicroBox](https://microcharts.dev/docs/charts/micro-box.md) — The p50 and spread of a metric: a five-number summary in a row.
- [ProgressRing](https://microcharts.dev/docs/charts/progress-ring.md) — How complete is this? At icon size, where a bar doesn't fit.
- [MicroDonut](https://microcharts.dev/docs/charts/micro-donut.md) — Roughly what is this made of? An honest, capped concession at icon size.
- [Funnel](https://microcharts.dev/docs/charts/funnel.md) — Where does the pipeline leak? Stage-to-stage conversion in a cell.
- [LikertStrip](https://microcharts.dev/docs/charts/likert-strip.md) — Does the response lean agree or disagree, and how hard.
- [Waterfall](https://microcharts.dev/docs/charts/waterfall.md) — How the deltas compose into the total: P&L in a cell.
- [BumpStrip](https://microcharts.dev/docs/charts/bump-strip.md) — Where do we rank, and which way is it moving.
- [DualSparkline](https://microcharts.dev/docs/charts/dual-sparkline.md) — How is this series doing against its benchmark.
- [StackedArea](https://microcharts.dev/docs/charts/stacked-area.md) — How the composition is shifting over time.
- [Ohlc](https://microcharts.dev/docs/charts/ohlc.md) — Price action per period: open, high, low, close in a cell.
- [Horizon](https://microcharts.dev/docs/charts/horizon.md) — A wide-range series folded into a slim, dense band.
- [CalendarStrip](https://microcharts.dev/docs/charts/calendar-strip.md) — The last few weeks, day by day: real calendar position.
- [EventTimeline](https://microcharts.dev/docs/charts/event-timeline.md) — What happened when, and for how long: spans and instants on one row.

### Decision

Tuned to one question.

- [CoverageStrip](https://microcharts.dev/docs/charts/coverage-strip.md) — Can I trust this data, and where was nothing measured?
- [BenchmarkStrip](https://microcharts.dev/docs/charts/benchmark-strip.md) — Is this value normal for its peer group?
- [PercentileLadder](https://microcharts.dev/docs/charts/percentile-ladder.md) — What does the tail look like, not just the median?
- [GradedBand](https://microcharts.dev/docs/charts/graded-band.md) — How sure are we about this one number?
- [IconArray](https://microcharts.dev/docs/charts/icon-array.md) — How likely is this, really? One rate, made countable.
- [RateVolume](https://microcharts.dev/docs/charts/rate-volume.md) — The rate moved, but on what volume?
- [NetFlow](https://microcharts.dev/docs/charts/net-flow.md) — In versus out, and where does that leave us net?
- [RetentionCurve](https://microcharts.dev/docs/charts/retention-curve.md) — Do they stay, and does the curve plateau?
- [BurnChart](https://microcharts.dev/docs/charts/burn-chart.md) — Will we finish on time?
- [ErrorBudget](https://microcharts.dev/docs/charts/error-budget.md) — Are we burning the error budget too fast to survive the window?
- [ControlStrip](https://microcharts.dev/docs/charts/control-strip.md) — Is the process in control, or did something leave the band?
- [ForecastCone](https://microcharts.dev/docs/charts/forecast-cone.md) — Will we land where we need to?
- [QuantileDots](https://microcharts.dev/docs/charts/quantile-dots.md) — What are the odds, in countable form?
- [ABStrips](https://microcharts.dev/docs/charts/ab-strips.md) — Did B beat A, and by more than the overlap?
- [ShiftHistogram](https://microcharts.dev/docs/charts/shift-histogram.md) — Did the fix actually change the distribution?
- [ParetoStrip](https://microcharts.dev/docs/charts/pareto-strip.md) — What should we fix first?
- [DataDiff](https://microcharts.dev/docs/charts/data-diff.md) — What changed between two versions?
- [QuadrantDot](https://microcharts.dev/docs/charts/quadrant-dot.md) — Where does it sit in the 2×2?
- [CyclePlot](https://microcharts.dev/docs/charts/cycle-plot.md) — What repeats beneath the trend?
- [ChangePoint](https://microcharts.dev/docs/charts/change-point.md) — When did the behavior change level?
- [EnsembleGhosts](https://microcharts.dev/docs/charts/ensemble-ghosts.md) — What could happen, across the futures?
- [CohortTriangle](https://microcharts.dev/docs/charts/cohort-triangle.md) — Which vintage retains worst, compared at equal maturity.
- [StreakSpark](https://microcharts.dev/docs/charts/streak-spark.md) — The current run against the record, with the texture of every streak and break.
- [QueueDepth](https://microcharts.dev/docs/charts/queue-depth.md) — Is the backlog draining or growing?
- [SpreadBand](https://microcharts.dev/docs/charts/spread-band.md) — Which of two series leads, by how much, and since when.
- [PercentileTrace](https://microcharts.dev/docs/charts/percentile-trace.md) — Is this entity's standing rising or slipping inside the pack?

### Expressive

Unusual, apt encodings.

- [TallyMarks](https://microcharts.dev/docs/charts/tally-marks.md) — How many, counted the way a human counts.
- [DicePips](https://microcharts.dev/docs/charts/dice-pips.md) — A small count or severity, read instantly as a die face.
- [FillWord](https://microcharts.dev/docs/charts/fill-word.md) — Progress on a named task, where the label is the bar.
- [FatDigits](https://microcharts.dev/docs/charts/fat-digits.md) — Which numbers in a dense column are big, before you read them.
- [Thermometer](https://microcharts.dev/docs/charts/thermometer.md) — Where a value sits on a calibrated range, and how close to the goal.
- [MoonPhase](https://microcharts.dev/docs/charts/moon-phase.md) — How far through a cycle or period: readable across cultures.
- [Hourglass](https://microcharts.dev/docs/charts/hourglass.md) — How much time is gone and how much remains, both at once.
- [BalanceBeam](https://microcharts.dev/docs/charts/balance-beam.md) — Which of two sides outweighs, and roughly by how much.
- [SproutRow](https://microcharts.dev/docs/charts/sprout-row.md) — How mature or healthy is each item in a small set.
- [GardenGrid](https://microcharts.dev/docs/charts/garden-grid.md) — The rhythm of activity over time: legible in grayscale and print.
- [BubbleRow](https://microcharts.dev/docs/charts/bubble-row.md) — Roughly how a few magnitudes compare. For precise comparison, use MiniBar.
- [MusicStaff](https://microcharts.dev/docs/charts/music-staff.md) — The shape of a short series, read as a melody.
- [TreeRings](https://microcharts.dev/docs/charts/tree-rings.md) — How growth accumulated, period over period, from the centre out.
- [CitySkyline](https://microcharts.dev/docs/charts/city-skyline.md) — How groups compare on size, and how activated each is.
- [Honeycomb](https://microcharts.dev/docs/charts/honeycomb.md) — How many of the available slots are taken.
- [Constellation](https://microcharts.dev/docs/charts/constellation.md) — When the rare events happened, and how big.
- [PolarClock](https://microcharts.dev/docs/charts/polar-clock.md) — The shape of a day or week cycle.
- [SpiralYear](https://microcharts.dev/docs/charts/spiral-year.md) — How the year breathed: seasonality at a glance.
- [BreathingDot](https://microcharts.dev/docs/charts/breathing-dot.md) — How loaded the system is right now, ambiently.
- [HeartbeatBlip](https://microcharts.dev/docs/charts/heartbeat-blip.md) — Is it alive, and how busy? Instantly.
- [CometTrail](https://microcharts.dev/docs/charts/comet-trail.md) — Where the value is now, and where it has just been.
- [OrbitStatus](https://microcharts.dev/docs/charts/orbit-status.md) — How slow and how busy is this dependency right now?
- [GradeProfile](https://microcharts.dev/docs/charts/grade-profile.md) — How hard the route is, and where: pitches coloured by grade, the steepest called out.

### Frontier

Newer word-sized forms.

- [TimeInRange](https://microcharts.dev/docs/charts/time-in-range.md) — How much of the period stayed inside the corridor, and which side it missed on.
- [Hypnogram](https://microcharts.dev/docs/charts/hypnogram.md) — Which discrete state the system was in over time, and how choppy the transitions were.
- [EtaBar](https://microcharts.dev/docs/charts/eta-bar.md) — How long this will actually take, given how it has actually been going.
- [Waveform](https://microcharts.dev/docs/charts/waveform.md) — The shape of a high-frequency signal, where its spikes and silences are, at word width.
- [EventRaster](https://microcharts.dev/docs/charts/event-raster.md) — When each source fired, and whether sources fire together, in sequence, or not at all.
- [RubricStrip](https://microcharts.dev/docs/charts/rubric-strip.md) — How a thing scored per criterion, with each criterion's weight visible, no fake total.
- [TokenConfidence](https://microcharts.dev/docs/charts/token-confidence.md) — Which parts of generated text you should double-check: the text is the chart.
- [WindBarb](https://microcharts.dev/docs/charts/wind-barb.md) — Which way it's flowing and roughly how hard, in one character.
- [StarSpoke](https://microcharts.dev/docs/charts/star-spoke.md) — An entity's profile across a few metrics, and which one in a set is the odd one out.
- [MinimapStrip](https://microcharts.dev/docs/charts/minimap-strip.md) — Where am I in the whole, and where in the whole is everything else I care about.
- [DualWindowMeter](https://microcharts.dev/docs/charts/dual-window-meter.md) — Is the level compliant against its target, right now and on average: spikes vs drift.
- [DepthWedge](https://microcharts.dev/docs/charts/depth-wedge.md) — How much pressure is stacked on each side of the current level, and how wide the gap is.
- [PartitionStrip](https://microcharts.dev/docs/charts/partition-strip.md) — What the whole is made of, and what the big parts are made of, with parentage visible.
- [CalibrationStrip](https://microcharts.dev/docs/charts/calibration-strip.md) — When a model says 70%, does it happen 70% of the time, and is there enough data to ask.
- [ConfusionGrid](https://microcharts.dev/docs/charts/confusion-grid.md) — Where the errors go: the one thing accuracy-as-a-number hides.
- [FoldedDayBand](https://microcharts.dev/docs/charts/folded-day-band.md) — What a typical period looks like, and whether the current one is typical.
- [VolumeProfile](https://microcharts.dev/docs/charts/volume-profile.md) — At which level did activity concentrate, not when.
- [PhaseTrace](https://microcharts.dev/docs/charts/phase-trace.md) — How two coupled signals move together: loops, regimes, and where the system is now.
- [TraceFold](https://microcharts.dev/docs/charts/trace-fold.md) — Where the latency went: which spans, at which depth, on the path that set the total.
- [TapeGauge](https://microcharts.dev/docs/charts/tape-gauge.md) — The level now, the zone it's in, and how fast it's moving, with the eye parked in one place.
- [StationGlyph](https://microcharts.dev/docs/charts/station-glyph.md) — A whole weather observation in one character: sky, wind, temperature, dew point, pressure.
- [WinProbWorm](https://microcharts.dev/docs/charts/win-prob-worm.md) — Who's winning, and when did the lead flip?
- [BiasStrip](https://microcharts.dev/docs/charts/bias-strip.md) — Do two ways of measuring the same thing systematically disagree?

## Machine-readable surfaces

- [https://microcharts.dev/llms.txt](https://microcharts.dev/llms.txt) — index of this site, written for agents.
- [https://microcharts.dev/llms-full.txt](https://microcharts.dev/llms-full.txt) — every documentation page as one file.
- [https://microcharts.dev/catalog.json](https://microcharts.dev/catalog.json) — all 106 chart types with props and data shapes.
- [https://microcharts.dev/api/charts.json](https://microcharts.dev/api/charts.json) — the same catalog as an index, one chart per fetch.
- [https://microcharts.dev/openapi.json](https://microcharts.dev/openapi.json) — OpenAPI 3.1 description of every endpoint here.
- [https://microcharts.dev/agent-setup.md](https://microcharts.dev/agent-setup.md) — paste-and-run setup prompt for a coding agent.

Any page on this site answers `Accept: text/markdown` with its Markdown twin, and every twin is also fetchable by adding `.md` to the URL.