Mouse Movement Heatmap

This example also demonstrates how to dynamically add data to a heatmap instance with the 'addData' function at runtime. If you hover over the gray area or click on it datapoints will be added.
Help heatmap.js
and share your :

Demo

much interesting click & move zone here!

Code

// create instance
var heatmapInstance = h337.create({
  container: document.querySelector('.heatmap'),
  radius: 90
});
document.querySelector('.demo-wrapper').onmousemove = function(ev) {
  heatmapInstance.addData({
    x: ev.layerX,
    y: ev.layerY,
    value: 1
  });
};
// that's it... yay right? ;)