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 :


much interesting click & move zone here!


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