BeCharts

Charts & graphs

Free online treemap maker

Build treemap charts and nested rectangle diagrams in your browser—edit parent-child nodes in the tree panel, tune tile colors and labels, and export PNG, SVG, or PDF. Free treemap generator, no account required.

  • Free treemap maker—no credit card or signup
  • Hierarchy tree editor with nested name-value nodes
  • Layouts from basic tiles to deep taxonomy breakdowns
  • Export PNG, SVG, or PDF for reports and slides
Treemap editor with nested rectangles, tree data panel, and export options

Styling

Tile colors, gaps, and labels

Adjust rectangle padding, per-level colors, label visibility, and emphasis highlights in the editor sidebar. Keep dense hierarchies readable with tuned gap and border settings.

Treemap styling sidebar with tile colors, gaps, and label controls

Data

Edit hierarchy in the tree editor

Add, rename, and nest nodes with optional values in the tree data panel. Replace sample branches from any template—tile area scales from leaf values up the hierarchy.

Parent-child tree table feeding a treemap with nested rectangles

Output

Export for presentations and reports

Download high-resolution PNG for slides, vector SVG for design tools, or PDF for documents. Tile colors and labels carry through to every export format.

Treemap chart with PNG, SVG, and PDF export format options

Treemap chart layouts

Start from a basic hierarchy tile set, a family-tree breakdown, or a deep multi-level taxonomy—then open any example in the editor.

  • Basic hierarchical treemap
    Simple parent-child nodes mapped to nested rectangles. Ideal when you need a readable starter hierarchy with labeled tiles.
    Open basic treemap chart
  • Family org treemap
    Multi-level org or family-style tree with grouped branches when rectangle area should reflect relative weight within each parent.
    Open org treemap chart
  • Deep taxonomy treemap
    Many nested levels with color-coded branches—useful for product lexicons, skill maps, or detailed category breakdowns.
    Open taxonomy treemap

Where nested rectangles help

Treemap charts show part-to-whole composition across hierarchy levels using area. These are common workflows teams build in the editor and export for decks.

  • Market share and portfolio tiles
    Show sector or holding weights as sized rectangles when investors need both top-level mix and nested detail on one graphic.
  • Product category rollups
    Roll SKU sales up through subcategories to divisions without stacking multiple pie charts on one slide.
  • Budget and cost trees
    Map expenses from line items to departments when area should reflect spend share at every hierarchy level.
  • Disk and storage breakdowns
    Visualize folder sizes when nested rectangles make it easy to spot which branches consume the most space.
  • Geographic hierarchies
    Fetch continent and country population or area from the REST Countries panel, then refine the tree before export.
  • Survey theme grouping
    Display nested response themes when rectangle area highlights dominant groups and sub-themes together.

What you get in the editor

Tree editing, tile styling, optional live data fetch, and export options to move from hierarchy rows to a readable treemap quickly.

  • Treemap chart templates
    Jumpstart from basic tiles, org-style trees, and deep taxonomy examples you can open in one click.
  • Hierarchy tree editor
    Add parent and child nodes with optional values in the tree data panel. Changes update rectangle areas immediately.
  • Tile and level styling
    Control gap, border radius, label rules, sort order, and per-level colors so each hierarchy tier stays distinct.
  • REST Countries sample data
    Fetch continent and country hierarchies from the API panel by metric, then refine nodes in the tree editor.
  • Emphasis and tooltips
    Highlight branches on hover and show hierarchy paths in tooltips for interactive review before export.
  • Export and share
    Save PNG, SVG, or PDF files for presentations, documentation, and publication workflows.

Common treemap chart searches

How this treemap maker handles typical tasks—from building nested rectangle charts online to exporting presentation files.

  • Treemap maker
    Open a treemap template, edit parent-child nodes in the tree panel, tune tile colors and labels, then download PNG, SVG, or PDF from the toolbar—no desktop software required.
  • Treemap chart generator
    Generate nested rectangles from a name-value tree in the editor. Replace sample branches level by level; tile areas update as you edit node values.
  • Treemap chart online
    Build the chart entirely in the browser—add nodes, nest children, and preview rectangle sizes live without installing charting software.
  • Nested rectangle chart
    Plot multi-level categories as sized tiles when a flat bar chart cannot show parent-child structure and relative weight at once.
  • Free treemap maker
    Templates, the tree editor, and PNG, SVG, and PDF export are free. No account or credit card is required to style tiles and download files.
  • Hierarchical part-to-whole chart
    Treemap layouts encode magnitude with area at each level. Start from a template when bands of composition matter more than a single flat total.

How to make a treemap chart online in 4 steps

Four steps to make a treemap: pick a template, add tree data, customize, and export
  1. Open the treemap maker or pick a basic, org, or taxonomy template below.
  2. Replace sample parent-child nodes in the tree editor—or fetch REST Countries hierarchy data.
  3. Customize tile colors, gaps, labels, and sort order until levels read clearly.
  4. Export as PNG, SVG, or PDF and add the treemap to your slide deck, report, or dashboard mockup.

What is a treemap chart?

A treemap chart displays hierarchical data as nested rectangles. Each tile represents a branch; area typically encodes value relative to siblings and parents, which makes rollups and dominant categories visible at a glance.

Online treemap makers let you edit a parent-child tree instead of calculating tile positions by hand. Update nodes in the tree panel, tune styling, and export when the hierarchy story is clear.

Treemaps work when levels are nested and magnitude matters at each tier—not for a single flat split (use a pie chart) or unrelated categories without hierarchy.

Labeled treemap showing nested rectangles, hierarchy levels, and area encoding

Treemap chart vs sunburst chart vs pie chart

Use a treemap when hierarchical data should fill a rectangle and area encodes value at each level. Sunburst charts use concentric rings for the same tree structure. Pie charts fit one flat split of a total—pick treemap when nested rectangles read better on dashboards.

Keep depth manageable—very deep trees crowd small tiles. Merge minor leaves into an "Other" branch when needed, then export PNG, SVG, or PDF.

Treemap chart templates

Browse treemap chart examples, then open any layout in the editor to replace sample hierarchy nodes with your own tree.

Explore BeCharts

Jump to templates, the editor, documentation, and guides for treemap charts and related workflows.

More chart makers

Frequently asked questions

How do I make a treemap chart online?
Click "Create your treemap" or open any template on this page. Edit parent-child nodes in the tree editor, adjust tile colors and labels, then export PNG, SVG, or PDF from the toolbar.
Is this a free treemap maker?
Yes. Templates, the tree editor, and export to PNG, SVG, and PDF are free. No account or credit card is required.
What data format does a treemap need?
Treemaps use a hierarchical tree: each node has a name, optional value, and optional children array. Leaf values roll up to parent tile areas when values are set at multiple levels.
Can I import CSV into a treemap?
Treemaps use the dedicated tree editor rather than CSV upload. Build parent-child nodes in the tree panel, or start from a template and replace the sample hierarchy.
Can treemaps show negative values?
Treemaps work best with positive sizes because area cannot represent negative magnitude. Filter or aggregate negatives in your source data before building the tree.
What is the difference between a treemap and a sunburst chart?
Both show hierarchical part-to-whole data. Treemaps use nested rectangles; sunburst charts use concentric rings. Pick the layout that fits your slide space and how your audience reads levels.
What is the difference between a treemap and a pie chart?
Pie charts show one level of categories splitting a total. Treemaps stack multiple hierarchy levels as nested rectangles so you see composition and relative size together.
Can I load sample geographic hierarchy data?
Yes. Open a treemap template and use the REST Countries panel to fetch continent and country trees by population or area. Refine branches afterward in the tree editor.
How many levels can a treemap show?
Templates support several hierarchy tiers. Very deep trees may need shorter labels, tooltips on small tiles, or merged "Other" leaves to stay readable.
What file formats can I export?
PNG and SVG are supported for digital use, and PDF for documents. Exports reflect tile colors and labels from the editor.

Start your treemap chart

Open the free treemap generator with a template and replace the sample tree with your hierarchy.