heatmap.js

Dynamic Heatmaps for the Web


This JavaScript library will help you make your 3 dimensional data speak up.

Use heatmap.js v2.0 to add new value to your project, build a business based on it, study and visualize user behaviour, and much more.

Whether you want to have an aggregated overview of your users behaviour, or look at thousands of events distributed on a map...
heatmap.js has all your heatmap visualization needs covered!

Why heatmap.js?

heatmap.js v2.0 is the most advanced heatmap visualization library on the web.
It has a light footprint (~3kB gzip) and with the new 2.0 release heatmap.js just got than ever before. Also:
All the struggles with unpredictably bad open source support have an end
The new support license will secure you the premium support you deserve

A Quick Example

With only a few lines of code you can create your own interactive web heatmap:
var heatmap = h337.create({
  container: domElement
});

heatmap.setData({
  max: 5,
  data: [{ x: 10, y: 15, value: 5}, ...]
});

What users say

"One to rule them all: Heatmap.js is great! Besides allowing us to make beautiful heatmaps, it also gives us independence to use different maps library, such as leaflet and google map."

- Rodrigo Saad, PhD. Eng. in HPC and System Dependability

Don't want to get your hands dirty?

Or not a developer? Save some time and pre-register for our user behaviour tracking service optimized to get the most out of your users data.