Heatmap

Contributions16 weeks
Correlation90d returns
Trafficreq/s by hour
Latencylive · p95 ms

Demo

Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

TooltipShow a tooltip for the hovered cell.
Axis labelsRow keys down the left edge, column keys along the bottom.
Cell valuesDraw the value inside each cell when it fits.
Live updatesStream fresh values into the Latency board — same grid, tweened colors.
import {
  ChartContainer,
  HeatmapSeries,
  HeatmapTooltip,
  catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
  <HeatmapSeries
    id={sid}
    data={data}
    options={{
    gap: 2,
    cornerRadius: 3,
    axisLabels: true,
    cellLabels: false,
    entryMs: 600,
    updateMs: 300,
  }}
  />
  <HeatmapTooltip />
</ChartContainer>