A tiny JavaScript library for drawing heatmaps with Canvas
JavaScript HTML
Latest commit 2332b1e Jan 20, 2017 @mourner 0.4.0
Permalink
Failed to load latest commit information.
demo use reqAnimFrame in demo for better responsiveness Feb 3, 2014
LICENSE minor cleanup Oct 26, 2015
README.md Added .resize() to adapt canvas size Oct 26, 2015
package.json 0.4.0 Jan 19, 2017
simpleheat.js upgrade lint deps Jan 19, 2017

README.md

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 reference
var heat = simpleheat(canvas);

Data

// set data of [[x, y, value], ...] format
heat.data(data);

// set max data value (1 by default)
heat.max(max);

// add a data point
heat.add(point);

// clear data
heat.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 changed
heat.resize();

Rendering

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