Real-time Heatmap with Javascript & HTML Canvas Element

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.

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