heatmap.js

Dynamic Heatmaps for the Web


heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data!

Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome?

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!

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

Why heatmap.js?

Because it is the most advanced heat map 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.

What heatmap.js is not

Heatmap.js is not a user behaviour tracking script. It simply creates dynamic heatmaps based on the data you feed it.

If you are looking for a website visitor heatmap service that covers the tracking part, I have good news for you: you don't have to reinvent the wheel for that :)
Skip the coding!
Our partners offer out of the box website heatmap tracking and will get you started in less than a minute. (also: they have a FREE plan to start with!)

Plugins

As heatmap.js is more or less actively developed and maintained on github, people have contributed some really useful plugins (especially for GIS developers)

show all plugins


Throughout the last few years heatmap.js evolved to the next level.

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

Lots of developers are already using heatmap.js and are happy with it, have a look at the showcases to see how it performs in the wild!

more showcases

get heatmap.js and start coding now!
Questions? I'm happy to help! Check out the FAQ or contact me.