Heatmap

data

Calendar-style heatmap for visualizing activity over time (GitHub-style).

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system

Import

import { Heatmap } from "@launchapp/design-system";

<Heatmap data={[  { date: "2024-01-01", value: 3 },  { date: "2024-01-02", value: 7 },  { date: "2024-01-03", value: 1 },]} />

Prop	Type	Default	Description
`data`*	`HeatmapEntry[]`	—	Array of { date, value } entries.
`colorScale`	`string[]`	—	CSS color values from low to high intensity.