Appboard/2.5/builder/widgets/html widget/example heat map widget: Difference between revisions

imported>Jason.nicholls
imported>Jason.nicholls
 
(One intermediate revision by the same user not shown)
Line 7: Line 7:


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.
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.
{{Note|Due to the dependency on D3.js this widget requires modern Chrome, Firefox, or Internet Explorer 9.0 or later.}}


[[File:appboard-2.5-exampleheatmapwidget.png|frame|center|exampleHeatMapWidget from the AppBoard Welcome archive.]]
[[File:appboard-2.5-exampleheatmapwidget.png|frame|center|exampleHeatMapWidget from the AppBoard Welcome archive.]]

Latest revision as of 11:36, 15 June 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.

Template-note.png
Due to the dependency on D3.js this widget requires modern Chrome, Firefox, or Internet Explorer 9.0 or later.


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.

Actions are also supported by this widget by configuring normal AppBoard actions.


exampleHeatMapWidget configuration page.