# Activity heatmap

See a year of activity at a glance, one square per day.

- ID: `activity-heatmap`
- Import: `animui/activity-heatmap`
- Category: Data
- Runtime exports: `ActivityHeatmap`, `default`
- Declaration: `types/free/components/activity-heatmap.d.ts`
- Type provenance: emitted-original-typescript
- Related: bar-chart, calendar, activity-rings, sparkline

```tsx
import { ActivityHeatmap } from 'animui/activity-heatmap';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info activity-heatmap` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ActivityHeatmap, default } from '../registry/components/activity-heatmap/activity-heatmap.js';
export type { ActivityDay, ActivityHeatmapProps } from '../registry/components/activity-heatmap/activity-heatmap.js';
```