Heatmap.js – Free JavaScript Heatmap Library

Heatmaps, which we usually see in analytics apps, are a great way of visualizing density.

ClickHeat (WRD article), a PHP class, is probably the most popular open source resource for creating them. Another alternative is Heatmap.js which eases creating them with only JavaScript.


This JavaScript library uses HTML5 canvas for generating the visualization with the data provided.

It can be customized completely including the color gradient, opacity, datapoint radius and much more.

Heatmap.js is a fresh resource, the documentation is inside the code and various examples are provided to get you started.