A heat map is a graphical representation of data in which the values are represented with gradient or solid color variations. The data points are rendered as heat map cells using Scalable Vector Graphics (SVG) or canvas rendering logics.
Populate data in a heat map using different axis types: numeric, category, and date-time.
Use a numeric axis to represent numeric data in a heat map.
Use date-time axis to represent dates in a heat map and display dates as axis labels with different formats.
Use a category axis to represent non-numerical data in a heat map and display text labels instead of numbers.
Heat map axis elements can be customized further to make the axis more readable.
Achieve RTL layout in a heat map by reversing the axis labels. This swaps the higher and lower ranges of an axis.
Arrange the axes smartly by moving them to positions opposite of their default positions.
Set axis labels with regular intervals, hiding adjacent labels across all types of axes.
Rotate axis labels clockwise or counterclockwise to any desired angle.
Customize axis label texts using custom formatting options.
Customize the default cell settings using formatting options.
Toggle visibility or format the data labels to display custom text along with the values.
Change the borders and cell spacing by customizing the border settings.
Customize the default palette settings of the heat map cells with gradient and solid custom colors.
Display additional information about data points in a heat map with the help of a legend.
Choose between a gradient pointer legend and a list-type legend for improving data points’ readability.
Place the legend anywhere in the heat map area to make it fit best on a page.
Paging is enabled when legend items exceed the bounds. Each legend item can be viewed by navigating between the pages.
Missed data in the data set can be handled with empty points.
Tooltip adds an interactive pop-up to a data point on mouse hover.