Mouse Movement Heatmap

1. heatmap.js
2. Heatmap Examples
3. Mouse Movement Heatmap Example

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.
thank you, this example was useful

Demo

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? ;)