HeatMap Chart / Data Binding / Row

Blazor HeatMap Chart Example - Row Data Binding

Loading Syncfusion Blazor Server Demos…

This sample visualizes the GDP growth rate for countries representing the world's major economies over the years, providing insights into economic performance trends.

Array Data Binding - This example demonstrates how to bind an array object as a DataSource for the Heatmap component and configure it using data adaptor support. You can directly bind the array object to the Heatmap with default property settings.

Data Structure - This approach is particularly effective for row-based data organization where each row represents a country and columns represent years, allowing intuitive mapping to the heatmap grid.

Simple Configuration - Using array data sources with default adaptor settings simplifies implementation while maintaining full visualization capabilities.

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view precise GDP growth rate values for each country and year combination.

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