Appboard/2.5/builder/widgets/html widget/example heat map widget: Difference between revisions
imported>Jason.nicholls |
imported>Jason.nicholls |
||
| Line 14: | Line 14: | ||
To access the widget configuration you must be logged in with the <tt>portalAdministration</tt> role and in the Builder. Click on the wrench icon in the top-left of the widget. | To access the widget configuration you must be logged in with the <tt>portalAdministration</tt> role and in the Builder. Click on the wrench icon in the top-left of the widget. | ||
This widget | This widget expects a data collection where one column represents the X-Axis identifier, another columns represents the Y-Axis identifier, and another column has the actual values used to determine the intensity. | ||
The configuration reflects the above and also allows the width of the Y-Axis labels to be set. | The configuration reflects the above and also allows the width of the Y-Axis labels to be set. | ||
[[File:appboard-2.5-exampleheatmapwidget-configuration.png|frame|center|exampleHeatMapWidget configuration page.]] | [[File:appboard-2.5-exampleheatmapwidget-configuration.png|frame|center|exampleHeatMapWidget configuration page.]] | ||
Revision as of 10:17, 6 March 2015
Overview
A Heat Map widget is a good way to visually cross reference two axis of data by using colored objects to represent intensity.
For example, the AppBoard Welcome archive includes a heat map with sample data showing the hour of the day (0-23) against the day of the week (Mon through Sun). It's easy to see a pattern of increased activity during the business hours and less activity outside these hours.
exampleHeatMapWidget from the AppBoard Welcome archive.
Configuration
To access the widget configuration you must be logged in with the portalAdministration role and in the Builder. Click on the wrench icon in the top-left of the widget.
This widget expects a data collection where one column represents the X-Axis identifier, another columns represents the Y-Axis identifier, and another column has the actual values used to determine the intensity.
The configuration reflects the above and also allows the width of the Y-Axis labels to be set.
exampleHeatMapWidget configuration page.
