Code tool

Treemap Maker

Paste indented or slash-separated hierarchy rows and preview proportional rectangles.

In-browser processingNo account requiredPrivacy details ↗

Only positive values are drawn.

A QUICK WALKTHROUGH

How to use this tool

  1. Enter one label and positive value per row.
  2. Use indentation or / to describe parent paths.
  3. Preview and download the SVG.

Local and inspectable

The layout uses a deterministic slice-and-dice partition. Zero, negative, malformed, and duplicate leaf rows are skipped.

GOOD TO KNOW

Common questions

Can I use negative values?

No. Treemap area represents positive magnitude, so non-positive rows are omitted.

Is the SVG uploaded?

No. It is rendered and downloaded locally.