Blazor TreeMap Example - Color Mapping

TreeMap / Color Mapping

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

Loading Syncfusion Blazor Server Demos…

Properties
Color Mapping Type
Change Opacity
Min Opacity
Max Opacity

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

More information about color mapping 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