Maps / Indicators / Color Mapping

Blazor Maps Example - Color Mapping

Loading Syncfusion Blazor Server Demos…
Properties

This sample illustrates the average rainfall and snowfall across United States states during the spring season, applying color mapping to distinguish geographic regions and precipitation values. The visual encoding helps readers compare seasonal precipitation patterns at a glance while retaining state-level detail.

Color mapping is configured using the MapsShapeColorMapping class. The sample demonstrates multiple mapping strategies so you can select the approach that best represents your data distribution and storytelling needs:

  • Range Color Mapping — Groups shapes by numeric value intervals (in inches). This approach highlights contiguous intervals of precipitation so clusters of states with similar totals are visually coherent.
  • Desaturation Color Mapping — Applies a graduated color scale to convey magnitude differences smoothly across the map, emphasizing relative intensity rather than discrete buckets.
  • Equal Color Mapping — Assigns distinct colors to categorical buckets (for example: low, moderate, high), enabling rapid recognition of category membership across regions.

An interactive legend accompanies the map, mapping each color to its category or numeric range and supporting straightforward interpretation of the displayed values. The legend makes it easy to relate map hues to precipitation bands and to communicate findings clearly.

For comprehensive details, configuration examples, and advanced options for color mapping, see the color mapping documentation: color mapping documentation.