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 :


much interesting click zone here!


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