Component registry

Charts

Choose a chart by the analytical question you need to answer. Every component includes source, live examples, API details, and accessible states.

Compare values

See differences across categories, groups, or dimensions.

Compare discrete values with vertical or horizontal bars.

Compare totals while preserving category composition.

Compare several metrics across a shared radial scale.

Follow a value across time or another continuous dimension.

Reveal trends with lines or optional gradient area fills.

Explain how additions and subtractions produce a running total.

Explain how individual parts contribute to a whole.

Show a small set of proportional categories.

Compare hierarchical proportions within limited space.

Inspect correlation, distribution, and dense patterns.

Explore correlation, clusters, and outliers.

Scan intensity patterns across two dimensions.

Communicate movement through stages or toward a target.

Show stage-by-stage conversion and drop-off.

Follow alternative paths that split and converge.

Measure a current value against a defined target.