Interactive Heatmap

Interactive Heatmap

By Jon Arild Nygård

Don’t mistake this page for an error!

This is an example of a live Heatmap that tracks your mouse movements. Just hover over the web page to see the result.

A color gradient indicates the hover frequency of any specific area. Colors graduate from the lowest/coldest to highest/warmest following a of pattern blue, green, yellow, and red.

Check more heatmap demos here.

Do you like this example? Rate it!

Do you have some code you want to share with the world as well? Go here to learn how you may contribute some helpful code of your own.