Heatmap encodes values as color value of a cell in a row-column grid. Toussaint Loua’s 1873 crime tables; later Toussaint/Bertin and 1990s gene arrays.
In reports, ads and assignments it fits patterns across two categorical axes at once. Skip it when precise lookup of a number, or a rainbow that is not color-blind safe.
Rules
- Rules 1 — Use color value of a cell in a row-column grid as one channel, not two.
- Rules 2 — Direct labels beat a distant legend.
- Rules 3 — Do not hide zero. If you break the axis, say so.
- Rules 4 — Colour encodes category or magnitude, not both.
- Rules 5 — Put the claim in the title, not just “Heatmap”.
- Rules 6 — Source and period, even in small type.
Palette
- Palette 1 — Categories: distinct hues. Sequences: one hue, changing value.
- Palette 2 — Diverging: a neutral centre, emphasis at both ends.
- Palette 3 — One brand colour plus greys beats a rainbow.
- Palette 4 — Check contrast on a projector and in greyscale print.
Type
- Type 1 — Tabular figures for numbers. Do not pour body copy into the chart.
- Type 2 — Titles as sentences; axes as short nouns.
- Type 3 — For CJK, drop weight one step and leave tracking.
Heatmap: honour color value of a cell in a row-column grid, and switch when precise lookup of a number, or a rainbow that is not color-blind safe.