Docs / Trees & network

Treemap

Pro

Nested rectangles sized by value — dense and space-efficient.

Example

blade 
<chart:treemap
    :data="[
        ['name' => 'Frontend', 'value' => 40],
        ['name' => 'Backend', 'value' => 35],
        ['name' => 'Infra', 'value' => 25],
    ]"
/>

Props

Prop Type Default Description
data array [] [name, value] (optionally with children).

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Sunburst →