makepanic / heatmap-renderer

lightweight library that renders a heatmap using customizable brushes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

lightweight library that renders a heatmap using customizable brushes

License:MIT License


Languages

Language:TypeScript 95.4%Language:HTML 3.4%Language:JavaScript 1.2%