Heatmap examples.
Same tool, four requests. Every drawing below is a real render.
Rather start from a finished drawing? Browse 17 heatmap templates →
What a heatmap is.
A heatmap uses colour to show the value at each intersection of two categories. It turns a dense table into a pattern that readers can scan for concentrations, gaps and unusual cells.
Choose category labels and a colour range that fit the question. Cell labels preserve the exact values when a decision needs more than a visual comparison, and the title should state the unit or score.
- Engine
- echarts-heatmap
- Editable
- Describe the change
- Export
- SVG · PNG · PDF
Who uses heatmaps.
Plan staffing around repeated peaks by day and hour.
Compare survey measures and identify relationships to investigate.
Prioritise risks by their agreed likelihood and impact scores.
How to make a heatmap in three steps.
Describe it
One paragraph is enough to start.
See the drawing
Drawn by the right engine.
Say what changes
Every edit keeps a version.
Common questions
What is a heatmap?
A heatmap is a chart that represents numeric values with colour across a grid of two categories.
What data do I need for a heatmap?
Provide the row categories, column categories and a value for each relevant intersection. Include the unit or scoring scale.
How do I choose heatmap colours?
Use a scale with a clear low-to-high order and a minimum and maximum that match the data. Avoid colours that make similar values look sharply different.
Can a heatmap show exact values?
Yes. Add labels to the cells when viewers need to read individual values as well as compare the overall pattern.
Other drawings for the same work.
Make a heatmap now.
Free account, no card. Describe the two categories and their values.
Open the editor