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
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
- CSV to ChartPaste raw CSV text or drop a .csv file. Delimiters, quoted fields and header rows are detected automatically.
- Excel to ChartSelect cells in Excel, press Ctrl+C, then paste here. Copied spreadsheet cells arrive as tab-separated values, which FastChart reads natively.
- JSON to ChartPaste an array of objects, an array of numbers, or a flat key–value object. Keys become series and values become data points.
- Markdown Table to ChartGreat for tables produced by ChatGPT, GitHub READMEs or Notion. Pipes and the separator row are handled for you.
- TSV to ChartTab-separated values are what your clipboard holds after copying from a spreadsheet or a database client. Paste them straight in.
- Google Sheets to ChartGoogle Sheets charts are hard to style and hard to export cleanly. Copy the range instead and get an export-ready chart here.