Maps / Use Cases / HeatMap

Blazor Maps Example - Heat Map Visualization

Loading Syncfusion Blazor Server Demos…

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.

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