HeatMap Chart / Bubble Heatmap / Bubble Types

Blazor HeatMap Chart Example - Bubble Type Visualization

Loading Syncfusion Blazor Server Demos…

Properties

This sample visualizes the female participation rate of the total female population in the country's workforce using various bubble visualization techniques.

Bubble Heatmap Visualization Types - In Bubble Heatmap, data points can be visualized using multiple display types:

  • Bubble Size - Represents data magnitude through bubble dimensions
  • Bubble Shade - Represents data values through color intensity
  • Sector View - Displays data in a sector-based layout

Configuration Options - You can customize the bubble heatmap display using the following properties:

  • Use the TileType property in CellSettings to change the cell type to Bubble
  • Use the BubbleType property in CellSettings to switch between different bubble visualization views

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view detailed information about each bubble and its corresponding values.

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