Maps / Indicators / Color Mapping

Blazor Maps Example - Color Mapping

Loading Syncfusion Blazor Server Demos…

Properties

This sample illustrates the average rainfall and snowfall data across United States states during the spring season, with color mapping applied to distinguish different regions and values.

Color mapping is configured using the MapsShapeColorMapping class, which supports multiple mapping strategies:

  • Range Color Mapping - Groups shapes based on numeric value ranges (in inches)
  • Desaturation Color Mapping - Applies color gradients based on values
  • Equal Color Mapping - Groups shapes by categorical values (low, moderate, high)

An interactive legend is included to represent each color mapping category. For comprehensive details about color mapping techniques, 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