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}, ...]
});
more examples

Yes, that's it! heatmap.js' API is all documented - also prioritized: *hot docs* - so you can start developing right away! Have a look at the documentation.

Plugins

heatmap.js is actively developed and maintained on github. People actually care about the project's success, that's why there are some great plugins out there:

all plugins


Throughout the last few years this project evolved to the next level.
I'm really excited to continue improving heatmap.js day by day.
Check out the roadmap to see where the heatwave is heading
(click on more to find out more about the objectives).

What users say

"It's a great tool - super easy to work with, and gave us exactly what we needed"

- Chris Becker, Search Engine Architect at

"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

Who is using heatmap.js

more showcases

Questions? I'm happy to help! Check out the FAQ or contact me.

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.