# chartjs-chart-treemap

> Chart.js module for creating treemap charts

Latest version **4.2.2** (published 2026-09-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install chartjs-chart-treemap
pnpm add chartjs-chart-treemap
yarn add chartjs-chart-treemap
bun add chartjs-chart-treemap
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 4.2.2 |
| Published | 2026-09-06 |
| First published | 2019-05-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 178.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 155 |
| Author | Jukka Kurkela |
| Maintainers | kurkle |
| Keywords | chart.js, chart, treemap |

## Links

- npm: https://www.npmjs.com/package/chartjs-chart-treemap
- Repository: https://github.com/kurkle/chartjs-chart-treemap
- Homepage: https://chartjs-chart-treemap.pages.dev/
- Issues: https://github.com/kurkle/chartjs-chart-treemap/issues
- npm.io page: https://npm.io/package/chartjs-chart-treemap

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 4.2.2 (latest) — 2026-09-06
- 5.0.0-next.9 (next) — 2026-09-10
- 5.0.0-next.8 — 2026-09-09
- 5.0.0-next.7 — 2026-09-09
- 5.0.0-next.6 — 2026-09-08
- 5.0.0-next.5 — 2026-09-08
- 5.0.0-next.4 — 2026-09-08
- 5.0.0-next.3 — 2026-09-08
- 5.0.0-next.2 — 2026-09-08
- 5.0.0-next.1 — 2026-09-08
- 4.2.1 — 2026-09-05
- 4.2.0 — 2026-07-13
- 4.1.2 — 2026-07-13
- 4.1.1 — 2026-07-05
- 4.1.0 — 2026-07-05
- … 28 more at https://npm.io/package/chartjs-chart-treemap/versions

## README

# chartjs-chart-treemap

[Chart.js](https://www.chartjs.org/) **v3.8+, v4+** module for creating treemap charts. Implementation for Chart.js v2 is in [2.x branch](https://github.com/kurkle/chartjs-chart-treemap/tree/2.x)

[![npm](https://img.shields.io/npm/v/chartjs-chart-treemap.svg)](https://www.npmjs.com/package/chartjs-chart-treemap)
[![release](https://img.shields.io/github/release/kurkle/chartjs-chart-treemap.svg?style=flat-square)](https://github.com/kurkle/chartjs-chart-treemap/releases/latest)
![npm bundle size](https://img.shields.io/bundlephobia/min/chartjs-chart-treemap.svg)
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=kurkle_chartjs-chart-treemap&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=kurkle_chartjs-chart-treemap)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=kurkle_chartjs-chart-treemap&metric=coverage)](https://sonarcloud.io/summary/new_code?id=kurkle_chartjs-chart-treemap)
[![documentation](https://img.shields.io/static/v1?message=Documentation&color=informational)](https://chartjs-chart-treemap.pages.dev)
![GitHub](https://img.shields.io/github/license/kurkle/chartjs-chart-treemap.svg)

![TreeMap Example Image](treemap.png)

## Documentation

You can find documentation for chartjs-chart-treemap at [https://chartjs-chart-treemap.pages.dev/](https://chartjs-chart-treemap.pages.dev/).

## Development

You first need to install node dependencies  (requires [Node.js](https://nodejs.org/)):

```bash
> npm install
```

The following commands will then be available from the repository root:

```bash
> npm run build         // build dist files
> npm run dev           // build and watch for changes
> npm test              // run all tests
> npm run lint          // perform code linting
> npm package           // create an archive with dist files and samples
```

## License

chartjs-chart-treemap is available under the [MIT license](https://opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/chartjs-chart-treemap · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._