Best for

The KPI tile a dashboard leads with — one number, its delta, and the months behind it

Anatomy

Header with the card's own menu · 32px figure and a delta pill · bars with the average rule · month pills that move the selection

Best for

Comparing a handful of periods — long labels stay readable down the side

Anatomy

Accent-bar headline · month pills against a vertical rule · hatched tracks · the picked row filled and labelled · average rule above it

Best for

Two series across a few categories — a legend that also switches them off

Anatomy

Brand tile and a button rail · legend swatches over their totals · stacked rows on a dashed grid · an axis in thousands

Best for

A week of tracked time — what was booked and what was left

Anatomy

Range caption over an hours-and-minutes figure · legend with totals · columns split hatched over solid · average rule · weekday row

Best for

Where a total went — five parts at most, each named beside its share

Anatomy

200px ring with rounded ends and the file's soft hatch · total in the middle · legend that lights its own slice and reads out its count

Best for

Three streams over a year — the shape of the trend, not the single reading

Anatomy

Range figure and a legend of totals · gradient bands on a 12-month grid · crosshair that snaps to the month, with a tooltip that pins on click

Best for

Two axes at once — which hour of which day is busy, read as a shape rather than a series

Anatomy

Four-step key · a 7x7 matrix of tinted cells · hours down the side and weekdays under it · a column selects, a cell reads out

Best for

Two sides of the same month — what came in above the line and what went out below it

Anatomy

Zero line through the middle · twelve columns with a half either side · axis at its true fractions · the picked month solid, the rest capped and hatched