Calendar heatmap
Standalone GitHub-style contribution calendar. Shows daily values over months.
Primitive:
ChartCalendarHeatmap· Standalone (no ChartRoot needed)Interactive demo
Usage
import { ChartCalendarHeatmap } from '@ramtt/charts'
<ChartCalendarHeatmap
data={contributions}
colors={['#f0f9ff', '#bae6fd', '#38bdf8', '#0284c7', '#0c4a6e']}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data* | CalendarDay[] | — | Day values |
| colors* | string[] | — | Color scale (5 stops) |
| cellSize | number | 11 | Cell size |
| showMonthLabels | boolean | true | Show month labels |
| showDayLabels | boolean | true | Show day labels |