UI for JSP
JSP HeatMap
- Part of the Telerik UI for JSP library along with 100+ professionally-designed components.
- Includes support, documentation, demos and more!
-
Overview
The Telerik UI for JSP HeatMap Chart is a data visualization component used to display values as color in two dimensions. It allows users to easily visualize and compare values that are measured often or even every day such as temperatures, sales, number of orders, etc. The component features crosshairs, different shapes, color scales, PDF export, panning and zooming, category binding, tooltips and various theming options.
-
HeatMap Shapes
With the JSP HeatMap Chart, you can visualize data in three different shapes:
- Circles
- Squares
- Rounded squares
-
Color Scales
The HeatMap uses color to visualize different values on the Chart. The color changes its density depending on the value it is illustrating. It can vary from white for the smallest values to a completely filled-in color for the largest values. This helps present data in a clearer way and allows users to quickly spot the lowest and highest data points. -
Tooltip
It can be overwhelming to try and focus on one value among hundreds. That is why the HeatMap chart has a built-in tooltip feature. It lets users hover over a value and see more information about it. The color of the tooltip changes along with the color of the value in focus -
Crosshairs
The JSP Heatmap crosshairs are a pair of lines, intersecting at the current mouse position, which provide a visual cue for the user to focus on a single data point and read its value. When working with large datasets in long time spans, crosshairs allow you to see the precise values, not only the bigger picture. -
Export to PDF
Charts are essential for data visualization and analysis and are often included in reports and presentations. That is why the JSP HeatMap chart can be easily exported to a PDF file and included in any report. -
Theming
The HeatMap component is part of the Telerik UI for JSP suite, which comes with 20+ built-in themes and swatches you can choose from. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (for seamless integration with Bootstrap) themes and choose the swatch that best meets your brand guidelines. If you need something different you can easily customize them with a few lines of CSS or create new themes by using the Progress SASS ThemeBuilder application.
