Gitpedia

Heatmap.js

๐Ÿ”ฅ JavaScript Library for HTML5 canvas based heatmaps

From pa7ยทUpdated May 24, 2026ยทView on GitHubยท

[](http://www.patrick-wied.at/static/heatmapjs/?utm_source=gh "View the heatmap.js website with usage examples, showcases, best practises, plugins ( googlemaps heatmap, leaflet) and more.") The project is written primarily in JavaScript, distributed under the MIT License license, first published in 2011. It has gained significant community traction with 6,373 stars and 1,318 forks on GitHub. Key topics include: angularjs, canvas, data-visualization, dataviz, density-visualization.

Latest release: v2.0.5โ€” heatmap.js 2.0.5
September 5, 2016View Changelog โ†’

heatmap.js

Dynamic Heatmaps for the Web.

<img src="http://www.patrick-wied.at/static/heatmapjs/assets/img/heatmapjs-examples-docs-banner.jpg" width="100%">

How to get started

The fastest way to get started is to install heatmap.js with bower. Just run the following command:

bower install heatmap.js-amd

This will download the latest working version of heatmap.js and put it in your bower_components folder.

Alternatively you could just download the latest release from github and unzip it.

The file you're ultimately looking for is heatmap.js or heatmap.min.js

heatmap.js is also hosted on npm:

npm install heatmap.js

How to run the local examples

Start a webserver (e.g. python SimpleHTTPServer from the project directory root):

python -m SimpleHTTPServer 1337 &

Then browse to

http://localhost:1337/examples/

Get involved

Please have a look at the contribution guidelines before submitting contributions.

Disclaimer: PRs can take time to receive feedback or be merged ( I'm only one person with very little time ) but I'm trying to get back to everyone eventually

Questions?

In order to keep technical questions in a central place where other people can learn from it, the best thing you can do is post your question to stackoverflow with the tag heatmap.js.

If you do have a very specific question (or need commercial support) don't hesitate to contact me directly via email.

Mailing list

Want to receive the latest updates and news about heatmap.js?

There is a mailing list. No spam, just news and important updates.

Contributors

Showing top 12 contributors by commit count.

View all contributors on GitHub โ†’

This article is auto-generated from pa7/heatmap.js via the GitHub API.Last fetched: 5/31/2026