Heatmap
Heat Map
A chart that color-codes data values by intensity, making patterns and hotspots easy to see at a glance.
In Simple Terms
Heatmaps used in website analytics come in several types, with the "click map" being one of the most common. A click map colors frequently clicked areas of the screen in red and low-click areas in blue, visualizing exactly which buttons and images users actually interacted with. This lets you see at a glance which features visitors use most. The same concept — mapping the density of interactions onto color — is also applied outside the web, such as analyzing which products on a store shelf are picked up most often.
Behind the Name
The name "heatmap" combines the words "heat" and "map." Much like thermography, where areas of higher temperature appear in shades of red, a heatmap uses color to mark areas with large values as "hot" spots. It's a technique that replaces complex tables of numbers with a color distribution, letting you understand the data intuitively.
Take a Closer Look!
A heatmap is a chart or graphic that uses color intensity to represent numerical values, making data distribution visually easy to understand.
Where a table full of numbers makes it hard to spot what's important, color instantly communicates the key insight: "this area has a high concentration of activity."
In website analytics, several types are widely used, each converting a specific kind of data into color: the "click map," which tracks where users click; the "move map," which infers areas of attention from mouse movements; and the "scroll map," which measures how far down users scroll.
In web marketing, heatmaps are used to identify how users behave on a page.
For example, if an important call-to-action button appears in blue, you know it's barely being clicked.
Conversely, if a plain image with no link appears bright red, it could be a sign that users are mistakenly clicking it over and over under the impression that it's interactive — a usability problem you might otherwise never notice.
These insights become the basis for improving page layout and design to create a better user experience.
Beyond the web, heatmaps are used in weather forecasts to show high-temperature areas in red, and in sports analytics to highlight zones where players are most active.
In short, they're a tool that conveys the "density" of information through a spectrum of color — from cool to warm.
No specialist knowledge required: you can grasp the situation at a glance, and that's what makes heatmaps so powerful.