Display multiple data values on a color-indicated, two-dimensional chart with the Telerik UI for PHP HeatMap component. It can serve you in many cases to effectively visualize and compare values measured often, even on a daily basis, like temperatures, sales, orders, etc. The control comes with built-in tooltips, color scales, crosshairs, panning and zooming, category binding, PDF export and more.
The Telerik UI for PHP HeatMap Chart comes with three options you can choose from when visualizing a segment. You can present the data values as circles, squares or rounded squares.
Color Scales
The component uses indicative colors to visualize the values on the Chart. Each color changes its lightness depending on the value itself. It can vary from white to a fully filled-in color to best illustrate the data and allow users to spot the lowest and highest data points with just one glance.
Tooltip
In order to closely explore each value displayed on the HeatMap chart, we have incorporated a tooltip allowing users to hover over the value of interest to see more information. The tooltip’s color changes along with the color of the selected value for a better UX.
Crosshairs
In the PHP HeatMap component, crosshairs are a pair of lines that intersect at the current position of the user’s mouse cursor. They are used to provide a visual cue for the user to focus on a single value and read more about it in the tool tip.
Export to PDF
As with every chart, the HeatMap component is used for data visualization which will be further analyzed to provide valuable insights to the users. The HeatMap chart can be easily exported to a PDF file with the click of a button and included in presentations and reports.
Theming
The Telerik UI for PHP HeatMap component has 20+ built-in themes and swatches you can chose from. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better) themes and choose the swatch that meets your design requirements. If neither of the available themes and swatches satisfies your needs, you can easily customize them with a few lines of CSS or create new themes by using the Progress SASS ThemeBuilder application.