tbt-react-heatmapdeprecated

Heatmap component showing data in varying colors from green to red

Usage no npm install needed!

<script type="module">
  import tbtReactHeatmap from 'https://cdn.skypack.dev/tbt-react-heatmap';
</script>

README

tbt-react-heatmap

Show your heatmap just by a few lines!

A heatmap react component with a background image, if you want 😎.

How it will look like

4x3 heatmap

4x3 heatmap sample

4x3 heatmap with background image

4x3 heatmap sample with bg

How to use

import { Heatmap } from "tbt-react-heatmap";

const twelve = [
    [30, 70, 200],
    [40, 110.5, 170],
    [80.5, 100.23, 123.45],
    [250.23, 50.4, 245],
];

const render = () =>
    <Heatmap
        height={244}
        width={244}
        opacity={0.7}
        heatmapArray={twelve}
        src="sample-images/dancer-sample.png"
    />

LICENSE MEMO