Blazor TreeMap Example - Layout Types

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

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

For more information about layout configuration, refer to the layout documentation.