Components/Heatmap

Heatmap

GitHub-style activity heatmap with intensity color scale.

Installation

Examples

52-week activity grid

Shows contribution frequency across the year.

Less
More

API Reference

PropTypeDefaultDescription
data*HeatmapCell[]requiredArray of { date: string; value: number }.
weeksnumber52Number of weeks to display.
titleReactNodeHeading above the grid.
tooltip(cell) => stringCustom tooltip content function.