All Demos / Maps / Use Cases / HeatMap

Blazor Maps Example - Heat Map Visualization

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This sample represents India's population distribution by state in 2011, with each state's color determined by its population value.

Color mapping is applied to shapes based on their values using the MapsShapeColorMappings, enabling visual representation of data ranges through color gradients.

Key features include:

  • Color-coded shapes representing different population ranges
  • Interactive legend positioned at the bottom for reference
  • Tooltips enabled for detailed information on hover

For detailed information about implementing color mapping strategies, refer to the color mapping documentation.