Main Content Section

JavaScript and HTML5 canvas-based heatmaps July 22, 2011

This is a very slick use of JavaScript and HTML 5 to generate dynamic heatmaps.

About heatmap.js
heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data. Heatmap instances contain a store in order to colorize the heatmap based on relative data, which means if you’re adding only a single datapoint to the store it will be displayed as the hottest(red) spot, then adding another point with a higher count, it will dynamically recalculate. The heatmaps are fully customizable – you’re welcome to choose your own color gradient, change its opacity, datapoint radius and many more. The library is dual-licensed under the MIT and the Beerware license, feel free to use it in your projects.

http://www.patrick-wied.at/static/heatmapjs/

Leave a Reply