How do I make a treemap online?

Add each tile as a row with a label, value, optional change, and optional group. Choose to color by change or by category, and the treemap updates live. Then click download to save a PNG or SVG. There's no signup.

How do I make a stock market heatmap?

Use color-by-change mode. Give each tile a value for the size and a change percentage for the color, and add a group like a sector. Tiles are colored red to green by their change, exactly like a Finviz-style market map.

Can I download the treemap as PNG or SVG?

Yes, both are free with no watermark. SVG gives you a crisp vector file you can scale or edit; PNG is a high-resolution raster ready for a slide, report, or social post.

Can I generate treemaps automatically via an API?

Yes. Save your chart as an Imejis template, mark the treemap component dynamic, and POST fresh tiles to one endpoint to render the same chart on every call. It's the only treemap tool with a matching image API.

Is the treemap generator free?

Yes, it's completely free in the browser with no signup and no watermark, and PNG and SVG downloads are unlimited. The matching image API has a permanent free tier of 100 calls per month.

Free Treemap Generator

Turn your data into a treemap or stock-style market heatmap: tiles sized by value, colored by change or category. Download a crisp PNG or SVG, no signup, no watermark.

Tiles

Label	Value	Δ%	Group

Color by

Background

What is a treemap?

A treemap shows part-to-whole data as nested rectangles, where each tile's area is proportional to its value. It's a compact way to compare many categories at once without a pie chart overflowing, and with color-by-change it becomes the stock market heatmap you know from Finviz.

How to make a treemap

1Add your tiles. Enter each tile as a row with a label and value. Value sets the tile size, so bigger values get bigger tiles.
2Choose how to color it. Color by change for a market heatmap (add a change % and a group per tile), or color by category for a plain weighted breakdown.
3Pick a background. Use a dark card for the market-map look, or a light card for reports and slides.
4Download PNG or SVG. Click download for a high-resolution PNG or a crisp, scalable SVG. No watermark and no signup.
5Automate with the API (optional). Save it as an Imejis template and generate the same treemap from live data on every API call.

What is a treemap used for?

Stock portfolio and sector market heatmaps
Budget and spend breakdowns
Storage or disk usage by folder
Traffic-source or revenue mix
Any weighted part-to-whole data with many categories

How this chart maker compares

Feature	This tool	Chart-image APIs	Design makers
No-code visual editor	Yes	No, write JSON/URL config	Yes
Chord + 23 other chart types	Yes	Limited / plugins	Some types only
PNG and SVG export	Yes, free	Varies, often watermarked free	Often account-gated
No signup, no watermark	Yes	API key required	Account required
Matching image API	Yes	API only, no editor	No

Bottom line: config-driven chart APIs make you hand-write JSON and live with dated defaults, and design makers gate exports behind an account. This tool gives you a live editor, beautiful output, free PNG and SVG, and the same chart on tap via API.

Generate treemaps automatically via API

Save your design as a template, mark the treemap component dynamic, and render the same chart with fresh data on every API call. It is the only treemap tool with a matching image API.

See the treemap component and API