Skip to main content

Dashboards

A dashboard is a view built for a particular audience. It carries the handful of values that audience is judged on or acts on - their KPIs - and leaves out everything else.

That is the division of labour with the rest of the platform. The device list is where you go to see every sensor, search and filter it, and drill into a single device. A dashboard is the opposite: a small, fixed selection, arranged to be read at a glance by somebody who is not hunting for a device.

So most accounts end up with several - one per audience, rather than one big one. Each dashboard is a grid of widgets that you add, configure and drag into place, and you switch between them from the dashboard name at the top left.

Below, a street lighting control dashboard. It gives an operator the state of every lighting group, the same groups on a map, and a command button per group to switch it on or off. The readings and the actions sit on one screen.

A street lighting dashboard for Lund City: tables of lighting groups with light level, set level and energy, a map of the groups, and on and off command buttons for each group

And a building monitoring dashboard for a different audience. Gauges for average temperature and humidity, a CO2 value, a floor plan with live readings, and charts banded by threshold. Beside them, the devices that have missed their expected report, each with an Acknowledge button.

A temperature and humidity dashboard: CO2 and temperature values, average temperature and humidity gauges, a device supervision failure list with acknowledge buttons, a map with readings, threshold-banded charts and a data table

A third, counting passengers on a fleet of trains. The same five devices feed three widgets here, and each answers a different question. An Equalizer shows how full each train is now. A Pie chart gives each train's share of the passengers. A stacked Multi-device chart carries the total over the afternoon, with each train's part of it.

A passenger counting dashboard: an equalizer of five trains with one bar red and one amber, a pie chart of each train's passenger share, and a stacked bar chart of total passengers through the afternoon

The row of buttons along its top are Navigation widgets, which jump to another dashboard. That is how a set of per-audience dashboards is tied together: an overview at the front, and a way through to the detail.

The first two carry a logo, a photo and a title, which come from the Image and Text widgets and the dashboard header. A dashboard that looks like the organisation it belongs to is easier to hand to someone outside the team.

Almost everything on this page is reached from the cog icon beside the dashboard name.

The dashboard cog menu, listing Edit widgets, New widget, Import widget, Set as default dashboard, Duplicate dashboard, Export dashboard, Export as PDF, Manage dashboard, New dashboard and Import dashboard

Create a dashboard

The New dashboard dialog, with the name field and the Create button

  1. Press the cog icon and select New dashboard.
  2. Enter a name.
  3. Press Create.

Add a widget

  1. Press New widget.
  2. Select the widget type. See The widgets for what each one does.
  3. Press Create.

The widget is added to the grid and configured there. Each type has its own settings, described on its own page.

The widgets

Seventeen widget types. The picker shows every one of them, each with a thumbnail and a line saying what it is for.

The first part of the widget picker: Data Table, Floor Plan, Multi-Device Chart, Multi-Device Value, Swimlane, Equalizer, Pie Chart, Command Buttons and Device Chart, each with a thumbnail and a one-line description

The rest of the widget picker: Device Value, Resource Count, Logs, Text, Map, Geomap, Image and Navigation

Below they are grouped by what they are for, each linking to its own page.

Several devices at once

WidgetWhat it shows
Data tableDevice data as a table, a column per field
Floor planDevice markers placed by hand on a background image
Multi-device chartSeveral devices and fields on one chart, over time
Multi-device valueCurrent values from several devices, in a grid
SwimlaneLive values streaming across one lane per signal
EqualizerCurrent values as vertical bars on a shared scale
Pie chartOne field across several devices, as each one's share of the total

One device

WidgetWhat it shows
Device chartOne field from one device, over time
Device valueOne current value, as text, circle, bar or gauge

Maps

WidgetWhat it shows
MapDevices on a map, a saved map view, an overlay image, or geofences
GeomapWhere devices have been, each with its trail drawn on the map

Everything else

WidgetWhat it shows
Command buttonsButtons that trigger a rule
Resource countHow many devices, locations or other resources you have
LogsThe latest events from your devices
TextFree text
ImageA picture
NavigationA button that jumps to another dashboard

Three pairs are easy to mix up:

  • Map shows where devices are now, moving or not, with no trail; Geomap shows where a device has been.
  • Floor plan places markers by hand on an image; Map with an overlay image places them at their real coordinates. See Floor plan.
  • Multi-device chart plots history; Swimlane streams the present and keeps nothing.

Thresholds

Thresholds colour a value according to the range it falls in, so a number that has gone out of range is visible without being read. Most widgets that display a value support them.

A device value widget with thresholds configured, showing the value coloured by its range

Above, values below 15 °C use the base colour, 15 °C to 24 °C are green, 25 °C to 29 °C are yellow, and 30 °C or above is red.

Edit widgets

  1. Press Edit widgets to enter edit mode.
  2. Drag widgets to reposition them, or press the cog icon on a widget to edit or remove it.
  3. Press Update to save the changes.
  4. Press Exit edit widgets mode to return to the dashboard.

To change the dashboard title, press Edit header, which appears alongside Exit edit widgets mode while you are in edit mode.

Edit header

The Edit header panel, with the header and subheader text, font family, alignment, and the title and description style settings

  • Header sets the dashboard header text.
  • Subheader sets the dashboard subheader text.
  • Font family is Default, System Default, Arial, Times New Roman, Courier New, Lucida Console or Impact.
  • Alignment is left, center or right.

Title style:

  • Size ranges from Small (16 px) to 2X-Large (40 px).
  • Weight is default, normal, medium or bold.
  • Font color sets the title colour.

Description style:

  • Size is Small (11 px) or X-Large (20 px).
  • Font color sets the description colour.

Save before exiting.

Duplicate a widget

In edit mode, press the cog icon on a widget and select Duplicate. The copy appears on the grid and can be repositioned. Quicker than rebuilding a configured widget for a second device.

Export and import

A widget or a whole dashboard can be exported as a string and imported elsewhere, including into another account. It is how a dashboard that took a while to get right reaches other people.

What survives depends on the target account:

  • The same devices are available - the import is a working duplicate.
  • Different devices - all settings and configuration are preserved, but devices and images have to be reselected.

Export a widget

  1. Enter edit mode.

  2. Press the cog icon on the widget and select Export.

    The widget cog menu in edit mode, with the Export option

  3. Copy the export string and save it.

    The export string shown for copying

Import a widget

  1. Press the cog icon and select Import widget.

  2. Paste the export string.

  3. Press Import.

    The Import widget dialog with the export string pasted in

Export a dashboard

  1. Press the cog icon and select Export dashboard.
  2. Copy the export string and save it.

Import a dashboard

  1. Press the cog icon and select Import dashboard.
  2. Paste the export string.
  3. Press Import.

Export as PDF

Press the cog icon and select Export as PDF to save the dashboard as it currently looks.

Duplicate a dashboard

Press the cog icon and select Duplicate dashboard.

Set a default dashboard

Press the cog icon and select Set as default dashboard. The star beside the dashboard name turns yellow, and that dashboard is what you see on login.

Manage a dashboard

  1. Press the cog icon and select Manage dashboard.
  2. Rename the dashboard, set access rights (admin, write, read or peek), or delete it. See Access rights for what each level allows.
  3. Press Done.

Sharing a dashboard shares the dashboard, not the devices on it. Someone without access to a device sees an empty widget where its values would be.