@zakodium/react-heatmap

Display beautiful SVG heat maps.

Maintained by Zakodium

Installation

$ npm i @zakodium/react-heatmap

Live examples

https://zakodium-oss.github.io/react-heatmap

Usage

import { Heatmap } from '@zakodium/react-heatmap';

function App() {
  return (
    <Heatmap
      dimensions={{ height: 600 }} // Do not specify width and let it be responsive
      data={[
        [-20, -15, -10],
        [-5, 0, 5],
        [10, 15, 20],
      ]}
      xLabels={['Column 1', 'Column 2', 'Column 3']}
    />
  );
}

License

MIT