Metrics
Metrics: 19 designs across 4 families — Charts · Dashboards · Metric Card · Stats
Designs
Chart Frame
The container and its states — the chart arrives later, in its slot
Chart Legend
Names the series and switches them off — the state is real, not a class
Semicircular Gauge
An arc whose angle comes from the ratio and whose length comes from the radius
Countdown from a Real Interval
Computes the gap from a real date, so it never drifts
Deviation from Target
Bars that grow out of zero in both directions by the sign of the gap
Conversion Funnel
Each stage carries two ratios: from the previous stage and from the first
Weekly Heatmap
Colour derived from the actual range — not from hardcoded thresholds
Line Chart
A line that follows its data — its range is the data's, not a forced zero
Metric Card
One value against a target — the ratio, the state and what remains are computed
Progress Ring
A share of a target — the ring’s circumference computed from its radius
Stat with Sparkline
The curve is drawn from the data itself — not a static image