Click Heatmap Example

1. heatmap.js
2. Heatmap Examples
3. 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)
thank you, this example was useful

Demo

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