@zakodium/react-heatmap

Display beautiful SVG heat maps.

Installation

$ npm i @zakodium/react-heatmap

Live examples

https://zakodium.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