# Realtime heatmap based on mouse clicks

Back to the project page

## Sidenotes

This is a demonstration of a canvas heatmap based on static data
Note: The object must contain the maximum count {max: 90, data: [ {x: 100, y: 100, count: 80}, {x: 120, y: 120, count: 60}, {x: 100, y: 80, count: 90}, {x: 111, y: 110, count: 60}, {x: 201, y: 150, count: 90}, {x: 311, y: 110, count: 60}, {x: 121, y: 510, count: 70}, {x: 511, y: 110, count: 60}, {x: 211, y: 110, count: 50}, {x: 191, y: 110, count: 20}, {x: 511, y: 110, count: 40} ]}
Apply DataSet
Generate some random data