Dashboards (static and dynamic) are user interfaces to organize and present a device's data and the insights derived from the data. Dashboards contain widgets that display the data as charts, indicators, controls, tables, graphs, and other size, shapes, and forms.

With Ubidots, you can create Static and Dynamic dashboards.

  • Static Dashboards are used to visualize data from predetermined devices and variables. Static dashboards display the same device and variable data at all times.
  • Dynamic Dashboards utilize a primary and replica (master/slave) technology to visualize data from different devices and variables, using a dropdown menu in the settings bar. By Selecting different devices from the settings bar, a dynamic dashboard will refresh with the underlying device and variables populating each widget's visualization according to the device selected.

Table of Contents

  1. Explaining Dynamic Dashboards
  2. Explaining Static and Dynamic Widgets
  3. Creating a Dashboard (static or dynamic)
  4. Creating a Static Widget
  5. Creating a Dynamic Widget

1. Explaining Dynamic Dashboards

When a device is selected from the setting bar, then all variables within each widget will automatically update to reflect the device’s variables. This is achieved because dynamic dashboard widgets are not associated with predetermined variables; instead, they are associated with variable labels (i.e. label=temperature).

This is very helpful enablement as it erases the need to create additional dashboard per device. Image you have a fleet of 1,000 trucks; with static dashboards you’d have to create 1,000 dashboards. With dynamic dashboards, you only have to create one dashboard, and then have the App's Users select the device for which they want to see the data:

2. Explaining Static and Dynamic Widgets

Ubidots allows you to combine static and dynamic widgets at will. Using our Truck Application example, imagine you have a variable with the aggregated fuel consumption across all thousand trucks. You want this variable to be displayed in every truck’s dynamic dashboard, regardless of the selected truck. In this case you would create a static widget pointing to a preset variable. 

To better understand the difference between static and dynamic, here’s a table explaining how a widget behaves when created within a static or dynamic dashboard:

3. Creating a Dashboard (static or dynamic)

Step 1: To create a dynamic dashboard, go to "Data" –> "Dashboards"

Step 2: Click on the "dashboard" icon in the top-left of the user interface:

Step 3: Then click on the "+" icon:

Step 4: Assign a NAME to your dashboard and provide some general settings:

  • Default time range: The default time range when the dashboard is loaded.
  • Dynamic Dashboard: Leave enabled if you're creating a dynamic dashboard. Disable it if creating a static dashboard.
  • Default device: If dynamic dashboard is enabled, then select the default device for each time the dashboard is displayed.
  • Floating Widgets: Leave as Disabled if you want widgets to snap to each other. Enable if you want to have widgets "floating" in the user interface.
  • Widgets Opacity: Change the opacity of the widgets to give further clarity to a dashboard; "0" is transparent, "100" is solid white background.

Finally, click on the green icon in the lower right of your screen to save the configuration and create a new dashboard.

4. Creating a Static Widget

Step 1: To create a static widget, click on the “+” icon in the top-right corner of the dashboard user interface.
Step 2: Select the type of Widget from the available options, or create your own with the HTML Canvas.
Step 3:
Select Static Widget
Step 4:
Assign Variable for the widget by selecting "+ Add Variables"
Step 5: Configure the widget appearance and save

5. Creating a Dynamic Widget

Step 1: To create a static widget, click on the “+” icon in the top-right corner of the dashboard user interface.
Step 2: Select the type of Widget from the available options, or create your own with the HTML Canvas.
Step 3:
Select Dynamic Widget
Step 4:
Click on "+ Add Variables" to enter a Variable label
Step 5: Configure the widget appearance and save

Every widget has a different set of configuration options. Depending on the widget you might be able to add one or several variables. For instance the metric widget only supports one variable, while the line chart widget supports multiple variables. 

Aggregation Method 

This option allows you to apply an aggregation method (average, count, last value, max, min or sum) over the time range set in the dashboard's settings bar. 

Imagine you're measuring water consumption in an agricultural field and you want to create a dashboard for your customers to know the water consumed in a specific time range. You would then create a metric widget with "sum" as aggregation method: 

The widget will automatically sum all values within the time range specified in the dashboard's settings bar.

The following widgets have an option to apply a method of aggregation.

  • Metric Widgets
  • Line Chart Widgets
  • Pie Chart Widgets
  • Gauge Indicator Widgets
  • Battery Indicator Widgets
  • Tank Indicator Widgets
  • Thermometer Indicator Widgets
  • Variables Tables 

Some of these widgets also give you the option to override the dashboard's time range (a.k.a "Set by dashboard"), allowing you to force the aggregation to always be computed for a predetermined time range:

Widget Appearance

Every widget has a different set of options for appearance, the most common ones being: 

  • Name: The text label to appear in the upper left corner of your widget.
  • Font: Option to change the font used inside the widget
  • Decimal points: The amount of decimals for non-integer values
  • Date Format: Choose between different date formats
  • Color: Every widget has a default color ("Set by widget" option), picked by our designers. You can override this default color by selecting the option "Variable's default", which will use the variable's color.

Other users also found helpful...

Did this answer your question?