Chart rules

Blue is income or the thing measured now. Orange is expense or the comparison. Green is done, red is late. Grey is "other". Never colour for decoration.

No tooltip, highlight or crosshair is shown until you hover, tap or arrow into a chart. Leaving clears it.

Frosted card, period name on top, one row per series with a coloured dot, figures right-aligned in tabular numbers; a total under a line when parts add up.

Axis labels in the faint grey, three even steps each side of zero, round tops (48k, not 46.8k). Zero is orange on mirrored charts.

Bars grow from their baseline, lines draw themselves, rings sweep — once, when the chart scrolls into view, and again when its data changes. 0.9–1.4s, easing out. Reduced motion shows the end state.

A fine 135° hatch on bars and soft fills, so pale bars still read as solid shapes on glass.

Every total on a chart equals the parts beside it, and the same figure is the same everywhere on the page.

Loading keeps the chart's shape; empty and error say why and what to do next.

Every chart can be focused and read with arrow keys, and carries a plain-language label for screen readers.