Interactive Heatmap

There's a code sample here, but we need your consent to show it.
To see it, please consent to the "Necessary" category of cookies by clicking OK in our cookie consent box.

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.

 Jon Arild Nygård

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.