WebAppers

/ best free open source web resources /

Shopify

Real-time Heatmap with Javascript & HTML Canvas Element

Posted · Category: Charts, License Free

Patrick Wied has shown us how to generates a real-time heatmap with javascript and the HTMLCanvas element depending on the user’s mouse movement.

It is also possible to save the image data of the heatmap. You just have to use the getData function, which returns a (long) data-URL of your heatmap image, to get it. This is especially useful for subsequent serverside processing or saving the image on the client.

javascript-heatmap

Requirements: –
Demo: http://www.patrick-wied.at/static/heatmap/
License: License Free

3 Comments
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons