/heatmap-renderer

lightweight library that renders a heatmap using customizable brushes

Primary LanguageTypeScriptMIT LicenseMIT

heatmap-renderer

Implementation inspired by heatmap.js.

This library allows you to render a list of shapes as a heatmap using webgl.

Note this is still somewhat wip.

Basic setup

const heatmap = new Heatmap(wrapperElement, {
    max: 10
});
registerDefaultShapes(heatmap);
heatmap.render([
    { radius: 20, type: ShapeType.circle, x: 10, y: 10, value: 10 }
]);

Monorepo

  • heatmap-renderer - package source
  • heatmap-renrerer-examples - project with various usage examples Uses PM5544 Test card

Running

example with many shapes

  • yarn workspace heatmap-renderer-examples start to start the example project