Heatmap
Charts · Heatmap
Grid of cells shaded by value, for patterns across two dimensions (weekday × hour, week × day).
Props: rows, cols (labels), values (rows × cols numbers), colEvery (label every nth column), caption, format(v), label.
- Five steps of one hue (mint-ink mixed into the surface), so it reads by lightness in both themes and for color-blind viewers.
- The footer shows the hovered cell's exact value; keep the Less–More scale visible.
When people sign up
By weekday and hour
0003060912151821MonTueWedThuFriSatSun
Hover a cell for the countLessMore
Props
Heatmap
| Prop | Type | Notes |
|---|---|---|
rows | string[] | Required |
cols | string[] | Required |
values | number[][] | Required |
colEvery? | number | |
caption? | string | |
format? | (v: number) => string | |
label? | string | |
className? | string | Extra class on the root element. |
style? | CSSProperties | Inline style on the root element. |