HeatMap
Grid-based heatmap visualization with positive/negative color mapping.
Import
import { HeatMap } from "neoterm-ui";Usage
<HeatMap
data={[[1, 3, -2], [0, 5, -1], [2, -3, 4]]}
rowLabels={["Mon", "Tue", "Wed"]}
colLabels={["09:00", "12:00", "18:00"]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | number[][] | — | 2D grid of values. |
| rowLabels | string[] | — | Labels for rows. |
| colLabels | string[] | — | Labels for columns. |
| colorPositive | string | "#39ff14" | Color for positive values. |
| colorNegative | string | "#ff3535" | Color for negative values. |