Back to docs
Visual analytics

Heatmap viewer design

A dense, color-coded grid that surfaces usage hotspots across your recipe library — no scrolling, no guesswork.

Rows
Recipes
Columns
Time slots
Color scale
Violet → Pink
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Espresso
90%
70%
80%
90%
60%
30%
20%
Latte art
40%
50%
60%
50%
70%
80%
90%
Pour-over
20%
30%
40%
30%
20%
10%
10%
Cold brew
10%
10%
20%
30%
50%
70%
80%
High usage
Low usage

Interaction model

  • ▸Hover any cell to reveal exact count and timestamp of last access.
  • ▸Click a row to pin that recipe and filter the dashboard below.
  • ▸Drag-select a block of cells to zoom into a time window.
  • ▸Double-click any cell to jump directly to that recipe's detail page.