Widgets
The widget types
Seven shapes a tile draws its number with, what each one needs, and when it suits the metric.
Seven shapes. Which ones a widget offers depends on what its metric answers, so a tile never offers a shape it has no data for.
Plain
The figure on its own, with the change beneath it.
Right for a number with no history worth drawing. A gauge needs a ceiling and a sparkline needs points. A plain tile needs neither, so it is the shape that always works.
Sparkline
A line under the figure, one point per bucket across the window.
This is the default for a metric that answers a series. The line carries the direction of travel, which the figure on its own cannot.
Bars
One bar per bucket, over the same points a sparkline would use.
Suits a count that lands in discrete lumps. Deploys per day read as bars. A balance over time reads as a line.
Gauge
The figure inside a filled arc, drawn as a share of its maximum.
Only for a ratio, where the ceiling is 1.0 by definition. An arc on a count would be filled to an arbitrary fraction of nothing. Cache hit rate and plan usage are gauges.
A gauge needs no history, so it draws on a metric with no series at all.
Split
One bar divided into coloured segments, with a key underneath.
For a breakdown that adds up to a whole. Spend by model, revenue by plan. The key names as many segments as the tile has room for, with a dot in each segment's colour. What does not fit is still in the bar.
Ranked
A bar per category, largest first, each with its name above it.
The same data a split bar carries, read as a list. Pick this when the names matter more than the proportions. Taller tiles show more rows.
Ring
A ring with the total in the hole, one arc per category.
A ring carries the breakdown and the total in one shape. Slices too thin to draw at their true width are widened to the smallest readable arc, so a category that exists is always visible.
Which shapes a metric offers
A metric declares one of four answers, and that decides the shapes.
| The metric answers | Shapes offered |
|---|---|
| One number for now | Plain, gauge |
| A number per bucket | Sparkline, bars, plain |
| One total for the window | Plain, gauge |
| Rows of categories | Split, ranked, ring |
Notch Metrics picks the suggested shape when you add the widget. A ratio starts as a gauge, a list starts as ranked bars, anything with points starts as a sparkline. Change it in the widget's settings whenever you like.