We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback
Essential JS2

Syncfusion jQuery no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 .

Try Essential JS 2

Visualize matrix data using JSP HeatMap Chart

  • Display simple or large matrix data graphically through color mapping.
  • Choose between a gradient legend and a list-type legend.
  • Load large amount of data faster through virtualization.

Trusted by the world’s leading companies

Syncfusion Trusted Companies

JSP heatmap

Overview

HeatMap chart is used for representing tabular data values as gradient colors instead of numbers. Low and high values are different colors with different gradients.

Two Types of Data Source Mapping (Table Mapping, Cell Mapping)

HeatMap chart provides support to configure a data source in two ways and map rows and columns to visualize.

DataSourceMapping

Color Mapping

Color mapping is used to indicate values as colors instead of numerical values. For example, if a heat map represents a data from 0 to 100, ColorMapping is used to specify colors for the lowest value and highest value. For any values between those, a medium color will be automatically chosen.

ColorMapping

Legend

Legend is a control used to summarize the range of colors in the heat map. This gives a visual guideline for mapping between value and color.

Legend

Virtualization

The virtual scrolling support allows you to load data that you require (load data based on page size) without buffering the entire, huge database.

Virtualization

60+ JSP CONTROLS

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon