TreeMap / Color Mapping

Blazor TreeMap Example - Color Mapping

Loading Syncfusion Blazor Server Demos…

Properties

This sample represents the top 10 largest islands in the world in terms of area. Color mapping is used to distinguish items from one another.

In this example, you can see how to render a TreeMap with color mapping. Range color mapping and desaturation color mapping group the shapes based on area size, whereas equal color mapping groups the shapes based on continent information. The legend is enabled in this example to represent each color mapping.

For more information about color mapping, refer to the color mapping documentation.

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