Charts - Treemap Playground

Interactive playground for treemap charts to experiment with props and configuration live.

#Usage

import { ChartSvg, ChartTooltip, ChartTreemap } from '@primeui/vue-chart';
<ChartSvg>
    <ChartTreemap :data="data" category-field="name" value-field="value" />
    <ChartTooltip />
</ChartSvg>

Use the playground to compare layout, labels, drilldown, custom content, and color-value mapping. Use the examples for hierarchy and gradient-scale patterns.

#Playground

Loading Demo...