amigo-charts

Opinionated heatmap chart components built on top of recharts-heatmap-amigo.

Installation

npm install amigo-charts recharts-heatmap-amigo react react-dom

Quick Start

import { HeatmapGallery } from 'amigo-charts';

export default function Example() {
  return <HeatmapGallery />;
}

API

<HeatmapGallery>

A pre-built dashboard showcasing three heatmap styles:

• Seasonal performance (percentile thresholds + cool palette)
• Channel contribution mix (manual thresholds + warm palette)
• Attention grid rendered with a custom ScatterChart heatmap

Props:

• className?: string
• style?: React.CSSProperties

Data utilities

import {
  createHeatmapDataset,
  generateTeamPerformanceData,
  generateChannelMixData,
  generateAttentionMatrixData,
  coolPalette,
  warmPalette,
  emberPalette,
} from 'amigo-charts';

• createHeatmapDataset(rows, columns, generator) – helper for transforming labels + value generator into the shape expected by Heatmap.
• generateTeamPerformanceData, generateChannelMixData, generateAttentionMatrixData – ready-made synthetic datasets that power the gallery.
• Palette exports mirror the colour ramps used in the examples.

License

MIT © Amigo AI