Skip to content

New: Chartory 1.0. 100 charts free in React, MIT licensed

Read the changelog

Charts / Compare

Treemap vs sunburst

Two ways to show parts inside parts.

Short answer

Use a treemap when there are many parts and you want to see them all at once, as rectangles. Use a sunburst for a round view of a total, its parts and their sub-parts, when the levels matter more than exact sizes.

Updated Nov 2, 2026 · AI sample data

Model spend, treemapModel spend in October 2026, $48.2K by team: Research $20.2K, Support $15.9K, Search $9.1K, Agents $3.0K.Atlas 3$11.8KOrion XL$8.4KKite 2 Pro$9.6KNova$6.3KAtlas 3$5.2KNova$3.9KOrion XL$1.9KRESEARCHSUPPORTSEARCHAGENTS
Model spend, treemap
TeamModelSpend
ResearchAtlas 3$11.8K
ResearchOrion XL$8.4K
SupportKite 2 Pro$9.6K
SupportNova$6.3K
SearchAtlas 3$5.2K
SearchNova$3.9K
AgentsOrion XL$1.9K
AgentsKite 2 Pro$1.1K

030 · TreemapEvery team and model at once: Research spends $20.2K.

Model spend, sunburstModel spend in October 2026, $48.2K by team: Research $20.2K, Support $15.9K, Search $9.1K, Agents $3.0K.$48.2KOCTOBERResearch$20.2KSupport$15.9KSearch$9.1KAgents$3.0K
Model spend, sunburst
TeamModelSpend
ResearchAtlas 3$11.8K
ResearchOrion XL$8.4K
SupportKite 2 Pro$9.6K
SupportNova$6.3K
SearchAtlas 3$5.2K
SearchNova$3.9K
AgentsOrion XL$1.9K
AgentsKite 2 Pro$1.1K

022 · SunburstThe same $48.2K in rings: teams inside, models outside.

Same $48.2K

The treemap fits every part on the card and makes the big ones obvious. The sunburst shows the levels: which team, then which model. Atlas 3 is the biggest model in Research, Nova the smaller one in Search.

If you ask

  • Which parts are biggest, out of many?

    Use aTreemap

  • What sits inside each part?

    Use aSunburst

  • Are the names long?

    Use aTreemap

  • Is the total the centre of the story?

    Use aSunburst

TreemapSunburst
AnswersWhich parts are biggestHow a total breaks down by level
ShowsNested rectanglesRings around a centre
Best whenMany parts, up to two levelsTwo or three levels, few parts
Avoid whenSizes are close and need exact comparisonThere are many small parts
Data shapeParts with a value, in groupsA total, parts and sub-parts

Common mistakes

Treemap

Too many levels.Past two, the small tiles vanish.

Colour for size.Size already carries the value; use colour for the group.

Sunburst

Many thin slices.The outer ring turns into slivers. Group the small parts.

Comparing across rings.Arcs in different rings are hard to compare.

Other ways to show it

  • Spend breakdownInference spend of $48.2K across 4 teams: Support $18.4K, Search $12.1K, Agents $10.6K, Labs $7.1K; the largest project is Chat bot at $11.2K.All teamsSupport$18.4KChat bot$11.2KSearch$12.1KAgents$10.6KSUPPORTSEARCHAGENTSLABS
    Spend breakdown
    TeamProjectSpend
    SupportChat bot$11.2K
    SupportTriage$7.2K
    SearchRerank$7.5K
    SearchEmbed$4.6K
    AgentsOps$6.4K
    AgentsSales$4.2K
    LabsEvals$7.1K
    Spend breakdownInference spend of $48.2K across 4 teams: Support $18.4K, Search $12.1K, Agents $10.6K, Labs $7.1K; the largest project is Chat bot at $11.2K.All teamsSupport$18.4KSearch$12.1KAgents$10.6KSUPPORTSEARCHAGENTSLABS
    Spend breakdown
    TeamProjectSpend
    SupportChat bot$11.2K
    SupportTriage$7.2K
    SearchRerank$7.5K
    SearchEmbed$4.6K
    AgentsOps$6.4K
    AgentsSales$4.2K
    LabsEvals$7.1K

    068 · IciclePart of a whole · AI data

  • MRR by planMonthly recurring revenue of $184K by plan: Enterprise $82K (45%), Business $54K (29%), Team $31K (17%), Starter $17K (9%).Enterprise$82KBusiness$54KTeam$31KStarter$17K
    MRR by plan
    PlanMRRShare
    Enterprise$82K45%
    Business$54K29%
    Team$31K17%
    Starter$17K9%
    MRR by planMonthly recurring revenue of $184K by plan: Enterprise $82K (45%), Business $54K (29%), Team $31K (17%), Starter $17K (9%).Enterprise$82KBusiness$54KTeam$31KStarter$17K
    MRR by plan
    PlanMRRShare
    Enterprise$82K45%
    Business$54K29%
    Team$31K17%
    Starter$17K9%

    017 · DonutPart of a whole · SaaS data

  • Sales by region and category, Q3Q3 net sales by region: NA 38%, EU 30%, APAC 20%, LATAM 12%; Electronics is 46% of APAC, Apparel 41% of EU.34%22%28%NA 38%41%25%18%EU 30%22%46%18%APAC 20%APPARELHOMEELECTRONICSBEAUTY
    Sales by region and category, Q3
    RegionShare of salesApparelHomeElectronicsBeauty
    NA38%34%22%28%16%
    EU30%41%25%18%16%
    APAC20%22%14%46%18%
    LATAM12%38%30%12%20%
    Sales by region and category, Q3Q3 net sales by region: NA 38%, EU 30%, APAC 20%, LATAM 12%; Electronics is 46% of APAC, Apparel 41% of EU.34%22%28%NA 38%41%25%EU 30%22%46%APACAPPARELHOMEELECTRONICSBEAUTY
    Sales by region and category, Q3
    RegionShare of salesApparelHomeElectronicsBeauty
    NA38%34%22%28%16%
    EU30%41%25%18%16%
    APAC20%22%14%46%18%
    LATAM12%38%30%12%20%

    047 · MarimekkoPart of a whole · E-commerce data

Get both

Treemap, sunburst and the other 130 types.

In Figma and React, in four sizes, light and dark. Pay once, every update.

030 · Treemap type page022 · Sunburst type page

See plans

Questions

Which is easier to read?

The treemap for exact sizes; the sunburst for the levels.

How many levels fit?

Two read well in both; the sunburst can take a third.

Do both come in every size?

Yes. Treemap and Sunburst come in XS, S, M and L, each laid out again for its size, in light and dark.

Do they install the same way?

Yes, one command each: npx shadcn add @chartory/treemap and npx shadcn add @chartory/sunburst.

More comparisons

Donut vs semi donutHistogram vs box plotSlope vs dumbbellGantt vs block timeline

Still not sure? Start from what the chart has to show.

Open the Chart Chooser