---
title: "React Calendar Heatmap"
description: "A React component for calendar-style activity heatmaps."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Showing contribution history or daily activity in a compact grid.</PurposeNote>

## What it does

A React component for calendar-style activity heatmaps.

## When it fits

Showing contribution history or daily activity in a compact grid.

## Other options in this category

<div data-pagefind-ignore>

- [Cal-Heatmap](/charts/cal-heatmap) — Visualizing activity or measurements over days and months.
- [CanvasJS](/charts/canvasjs) — Adding a ready-made chart UI with configurable series and axes.
- [CanvasJS React Charts](/charts/canvasjs-react-charts) — Integrating configurable interactive charts into a React application.
- [Chart.js](/charts/chart-js) — Adding common chart types to dashboards and reporting pages.
- [Heat.js](/charts/heat-js) — Presenting activity patterns with a customizable heatmap interface.

</div>

## Source

[Project source for React Calendar Heatmap ↗](https://github.com/kevinsqi/react-calendar-heatmap)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Visualize a dataset →](/tasks/visualize-a-dataset)

[All charts &amp; visualization options →](/charts)