javascript – Is it possible to make a HEAT MAP on an image?


I'm using a house plan, inside the house parts, they have sensors. I want to make a heat map, mapping the places where the sensors fire the most, but I don't know where to start. I'm trying to do some workarounds with CSS, but from what I've researched, it uses JavaScript, but I'm still lost in it


There are several ways to implement a heatmap . In case you want to use something ready-made, Heatmap.js is a javascript library that does just that. According to its documentation, the library supports up to 40,000 points per map.

This is an example that you may find useful .

Scroll to Top