Heatmap Generator

A heatmap shades a grid of values from low to high. Paste a table where the first column labels the rows and every other column is a heatmap column.

Chart type
Your data6 rows · 6 cols
CSV detected
Live previewUpdates as you type · nothing leaves your browser
MonTueWedThuFri08:0008:00 · Mon — 1208:00 · Tue — 1808:00 · Wed — 1408:00 · Thu — 1608:00 · Fri — 910:0010:00 · Mon — 4410:00 · Tue — 5210:00 · Wed — 4810:00 · Thu — 5510:00 · Fri — 3812:0012:00 · Mon — 6112:00 · Tue — 6812:00 · Wed — 7212:00 · Thu — 7012:00 · Fri — 5414:0014:00 · Mon — 5814:00 · Tue — 6414:00 · Wed — 6614:00 · Thu — 6214:00 · Fri — 4916:0016:00 · Mon — 3916:00 · Tue — 4216:00 · Wed — 4516:00 · Thu — 4116:00 · Fri — 2818:0018:00 · Mon — 1818:00 · Tue — 2218:00 · Wed — 1918:00 · Thu — 2418:00 · Fri — 14
Heatmap of Mon, Tue, Wed, Thu, Fri by Hour — 6 data points.
Export

Features

What the heatmap generator gives you

  • Paste CSV, Excel cells, TSV, JSON or a Markdown table
  • Live preview — every edit renders instantly, no Generate button
  • Export 2x PNG, vector SVG, PDF or copy the image
  • Transparent background and five business colour palettes
  • No signup, no watermark, nothing uploaded to a server

Use cases

When to use a heatmap

  • Activity by hour of day and day of week
  • Correlation matrix between variables
  • Cohort retention by week

FAQ

Heatmap Generator questions

How should my data be laid out?
Like a spreadsheet grid: the first column labels each row, the header row labels each column, and the cells hold the numbers. Paste it straight from Excel or Sheets.
Can I show the numbers inside the cells?
Yes — turn on value labels and each cell prints its value, switching to white text on dark cells so it stays legible.
How is the colour scale calculated?
Linearly between the minimum and maximum value in the whole grid, using the active palette. Every cell is therefore comparable to every other cell.

Related

Try another chart type

Import formats

Paste from anything