Example of Layout in Blazor TreeMap Component

TreeMap / Layout

This sample illustrates the GDP nominal of top 10 countries in the year 2015. The TreeMap's layout and rendering direction are also customizable.

Properties
Layout Type
Render Direction

In this example, you can change the layout of the TreeMap, and desaturation color mapping has been used to denote the weightage of the items by varying the fill color. The label text has also been formatted and split into multiple lines. In this case, the tooltip is also enabled.

More information about layout can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE