Hey everyone!
The worst tiles I’ve come across
1. The infinite table
Tables with 12-15 columns where 80% of the information is noise. The user scrolls horizontally, loses context from the first columns, and ends up understanding nothing. Bonus points when the query returns 500+ rows with no pagination or clear sorting.
2. The orphan number
A Single Value tile showing “4,532” in giant font. Is that good? Is that bad? Compared to what? No thresholds, no trend line, no clear unit. The most useless tile out there because it requires the user to already know the context before looking at it.
3. The spaghetti chart
A time series graph with 10+ stacked series. Each line has a color almost identical to the one next to it, the legend takes up more space than the chart itself, and nobody can follow any individual series. It’s decoration, not observability.
4. The decorative Markdown
Markdown tiles with logos, emojis, and lengthy text that take up a third of the dashboard without adding any operational value. They look great in the demo, but during an incident at 3 AM, nobody reads them.
The best tiles I’ve built
1. Single Value with full context
A number with clear thresholds (green/yellow/red), a visible unit, and a background sparkline showing the trend. In under 2 seconds you know: what the value is, whether it’s normal, and where it’s heading. Example: P95 response time with thresholds at 500ms and 2s — green, yellow, red. No thinking required.
2. Honeycomb for health landscape
When monitoring the state of 30-50 hosts or services, nothing beats the honeycomb. Each cell is an entity, the color indicates status, and the density lets you see the entire environment in a single tile. If you spot one red dot among 49 green ones, you already know where to look.
3. Focused table (4-5 columns max)
The best tables I’ve built have: entity name, main metric, status (with color), and a drill-down link. That’s it. Sorted by severity descending so the important stuff is always at the top.
4. Markdown as structural separator
A short one-line title that divides the dashboard into logical sections: “Infrastructure”, “Application Performance”, “Business KPIs”. It doesn’t decorate, it organizes. The dashboard reads like a newspaper: top to bottom, section by section.
The pattern I’ve found
A good tile answers one single question in under 5 seconds. If the user needs to interpret, mentally cross-reference data, or scroll to understand what they’re seeing, the tile has failed.
Three rules I always apply:
- One question, one tile. If a tile tries to answer two things, split it into two.
- Color = status. If it doesn’t have thresholds or visual health indicators, it’s a pretty chart but it’s not observability.
- Less is more. Every extra column, series, or element competes for attention. If it’s not essential, remove it.