simpleheat

A super-tiny JavaScript library for drawing heatmaps with Canvas. Inspired by heatmap.js, but with focus on simplicity and performance.

Powers Leaflet.heat, a heatmap plugin for Leaflet.

Demo: http://mourner.github.io/simpleheat/demo

simpleheat('canvas').data(data).draw();

Reference

Constructor

// create a simpleheat object given an id or canvas referencevarheat=simpleheat(canvas);

Data

// set data of [[x, y, value], ...] formatheat.data(data);// set max data value (1 by default)heat.max(max);// add a data pointheat.add(point);// clear dataheat.clear();

Appearance

// set point radius and blur radius (25 and 15 by default)heat.radius(r,r2);// set gradient colors as {<stop>: '<color>'}, e.g. {0.4: 'blue', 0.65: 'lime', 1: 'red'}heat.gradient(grad);// call in case Canvas size changedheat.resize();

Rendering

// draw the heatmap with optional minimum point opacity (0.05 by default)heat.draw(minOpacity);