Loading Demo...

Also available for:

devcraft ninja image

The HeatMap component is part of Telerik UI for ASP.NET MVC, 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 MVC chart is a powerful data visualization component, which allows you to graphically represent your data. It is useful when you would like to utilize modern browser technologies such as SVG or Canvas (with a fallback to VML for older IE versions) for interactive data visualizations.

The component offers a variety of chart types such as area, bar, line, scatter, polar, radar, pie and donut, stock (OHLC) and many more.

This example illustrates how to register and configure a Heatmap. The Telerik ASP.NET MVC 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 of Telerik MVC Heatmap chart

  • 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

Support & Learning Resources