Heatmaps for node.js and the browser, groovy!

var heatmap = require('heatmap');

var heat = heatmap(500, 500, { radius : 30 });
for (var i = 0; i < 5000; i++) {
    var rho = Math.random() * 2 * Math.PI;
    var z = Math.pow(Math.random(), 2) * 200;
    
    var x = 250 + Math.cos(rho) * z;
    var y = 250 + Math.sin(rho) * z;
    
    heat.addPoint(x, y);
}
heat.draw();

var fs = require('fs');
fs.writeFileSync('blob.png', heat.canvas.toBuffer());

var heatmap = require('heatmap');

Create a new heatmap from an existing canvas element, a numeric width and height, or an option object with canvas or width and height fields.

Optionally, you can set the opts.radius and opts.threshold to control the rendering a little.

Add a point to the heatmap with a radius.

Render all the points onto the canvas element.

The HTML Canvas element.

Protip: with the [canvas module](https://github.com/LearnBoost/node-canvas] for node you can heat.canvas.buffer() to get a Buffer with a PNG file all up in it.

With npm, just do:

npm install heatmap