Loading Demo...
  • Edit in Theme Builder
  • index.cshtml
  • IndexController.cs

Also available for:

devcraft ninja image

The HeatMap component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The Telerik ASP.NET Core Heatmap chart is a powerful data visualization component, which allows you to use colors to indicate the relative value of data points in two dimensions. It is a grid-structure with cells corresponding to an X-axis and a Y-axis. Every cell's value decides what color it should be filled in, with a gradation of hues ranging from white to totally filled-in color and everything in between.

Key Features

  • Category Binding – configuration for the binding order of the X and Y categories
  • Color Scales – various lightness and color options depending on the point value
  • Marker Shapes – different shapes for the value points
  • Panning and Zooming – display options
  • Tooltips – custom text displayed on hover
  • Crosshairs – perpendicular lines to the axes for better navigation
  • Export content to PDF
  • 21+ Built-in Themes (Default, Material, Bootstrap, and more)
  • API - configurations and extension points for custom functionalities

More about Telerik Core Charts.

Support & Learning Resources