Prepare the structure
List the nodes, labels, decisions and outcomes. Check ownership and end states; review imported Mermaid structure before editing the graph.
Treemap Chart Maker
Paste your categories and values and get an exact treemap — every rectangle sized to the number you entered.
A treemap, also written tree map, shows parts of a whole as nested rectangles, where each rectangle's area is proportional to its value. It does the job a pie chart does, but it keeps working when you have twenty categories instead of five. Prism renders a single level: one row of value-proportional rectangles, not nested parents and children.
Prism · real output
Give every branch a question and an outcome.
Inspect an actual output, then use the appropriate maker for your own data shape. Structured charts, diagrams and composed artwork offer different editing tools and export options.
Treemap — fictional example
A current Prism render from explicitly supplied fictional inputs. Inspect the full-size output, original request and rendered HTML together.
Inspect the source brief or data
Channel,Requests Email,40 Chat,35 Phone,25
Read the sample review notes
Fictional demonstration data, not customer results. Check labels, units, branches and all supplied values before reuse.
Refine with meaning
Choose legible type, deliberate colors and clear labels. Review every branch and the destination of each outcome.
Inspect and share
Read the diagram from start to finish and inspect the actual export. Add alternative text and check permissions before publishing.
Data mapping, chart objects and accessibility
Inspect an imported workbook's sheet and cells, edit the data grid and choose series and category mappings. Chart-specific shape checks, axes, numeric formatting, labels and legends affect the reading. Review alternative text, long descriptions and the data table. A changed chart type can retain data that needs reshaping.
Graphs, compositions and connected data
Review nodes and branches, Mermaid interchange and saved revision comparisons for structured diagrams. Compositions can combine visual blocks with brand type and colors. Their editing tools differ from those used for structured charts. Connected data controls offer bounded filtering, sorting, column selection, row limits and supported calculated columns; inspect a refresh before accepting changed source values.
Campaign assets and print proofs
Campaign kits support channel choices, sized artwork, photos and crops, captions, selected-channel regeneration and review of edited copy. Print controls cover copy, layout, photo placement, fit, density and proof checks. Print supports English, Germanic, Latin, Cyrillic, Arabic, Indian, Chinese, Korean and Japanese language/script groups. Inspect the actual export and destination requirements.
Color and preflight options are checks with defined scope, not accessibility certification. Structured SVG editability does not imply that composed raster artwork has the same editing model.
What makes a treemap chart maker trustworthy?
Area computed, not eyeballed
Each rectangle's area is derived from your figure. A category worth twice another is drawn twice the size, every time.
Readable at twenty categories
A pie chart falls apart past about six slices. A tree map chart stays legible because rectangles tile the space instead of competing for angle.
Labels that survive
Small rectangles get their labels handled deterministically rather than overlapping into noise.
Treemap or pie chart: when to use which
Use a pie chart for a handful of shares a reader can compare at a glance. Use a treemap when you have too many categories for a pie to stay readable, or when the values span orders of magnitude. For a hierarchy — product lines inside divisions, files inside folders — flatten it to the level you want compared before you paste it in.
How do you make a treemap or tree map chart with Gixo Prism?
1
Bring your categories
Paste category and value pairs, or upload a CSV. One value per category, one level.
2
Check the proportions
Read the largest and smallest rectangles back against your source. Area is the whole point of this chart, so it is the thing to verify.
3
Export
Take it out as SVG for a deck, doc or page.
A treemap is one of 22 chart types Prism renders. See the full set on the chart maker overview.
Frequently Asked Questions
What is a treemap chart?
A chart that shows parts of a whole as rectangles, each sized in proportion to its value. It handles many more categories than a pie chart stays readable with.
Is a tree map the same as a treemap?
Yes. Both spellings refer to the same chart type, and both are in common use.
When should I use a treemap instead of a pie chart?
When you have more than about six categories, or when values span a wide range. A pie chart becomes unreadable in both cases.
Are the rectangle sizes exact?
Yes. Each area is computed from the value you supplied and rendered deterministically to SVG. There is no AI image model involved.
Can a treemap show hierarchy?
Not in Prism. Prism's treemap renders one level: every rectangle is a category from your data, sized to its value. If your data is hierarchical, choose the level you want compared and flatten to it before pasting.
What formats can I export?
Individual deterministic makers export HTML, SVG, PNG, PDF and PPTX. Compatible charts can contain native editable PowerPoint data; other supported maker visuals use selectable shapes and text. In the PPTX, bar, horizontal bar, stacked bar, line, area, pie, donut, scatter, radar, and bar-and-line combo charts arrive as native PowerPoint charts with their numbers in an embedded workbook that Edit Data opens; waterfall, funnel, Gantt, heatmap, treemap, symbol map, Marimekko, bubble, Sankey, bullet, slope, and dumbbell charts arrive as editable PowerPoint shapes and text, as does any chart PowerPoint cannot draw the way Prism does, such as a pie with a negative slice or an area chart with a missing value. Generated AI infographics, frameworks and decisions use their separate PNG/HTML path. Attributed HTML/SVG maker output is free; owners can download saved maker revisions without a current generation plan.
How much does Gixo Prism cost?
There's a 14-day free trial with no credit card. From there, Gixo Prism starts at $10/month for Starter (one seat) and rises through Professional, Business and Enterprise; the Brand Kit, which applies your own colours and typeface, starts on the Professional plan.
Explore the Prism chart toolkit
Updated
More from Gixo