Click Heatmap Example

This example demonstrates how to dynamically add data to a heatmap instance with the 'addData' function. If you click on the gray area a datapoint will be added. You can see that if the data maximum of a heatmap changes it adapts visually
(test it: click twice on the same position)
Help heatmap.js
and share your :

Demo

much interesting click zone here!

Code

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