Example of Color Mapping in Blazor Maps Component

Maps / Indicators / Color Mapping

This sample illustrates the average amount of rainfall and snowfall in each state in the United States during the spring season. The color mapping is applied to the shape in order to distinguish it from other shapes.

Properties
Color Mapping Type
Min Opacity
Max Opacity

In this example, you can see how to configure and render a map with color mapping using the MapsShapeColorMapping class. The range color mapping and desaturation color mapping group the shapes based on the inches value, whereas the equal color mapping groups the shapes based on the category (low, moderate, or high) values. 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