Skip to main content

Creating a dashboard

In this guide, you will learn how to create a dashboard, add a simple variable display, and build a basic chart. This will allow you to visualize and monitor your device data in real time.


Step-by-Step Instructions

1.How to Create a Dashboard

  1. Navigate to the left navigation bar.
  2. Click on the Dashboards tab.
  3. In the top right corner, click the ➕ button to add a new dashboard.
  4. Select Create new dashboard.

Create new dashboard - 1

  1. Enter the Title, Description, Image, and any other required details.
  2. Click Add.

Create new dashboard - 2

  1. You will be redirected to your newly created dashboard.

2.How to Create a Simple Variable Display

  1. Inside your dashboard, click on the + Add new widget button.
    • Alternatively, you can use the + Add widget option in the top menu bar.

Add new widget

  1. A Widgets Bundles menu will appear.

Widgets Bundles

  1. For a simple variable display, choose the Cards widget bundle.
  2. From the available options, select Label & Value Card.

Widgets Cards

  1. A configuration window will open:
    • Choose the device and the variable you want to display.
    • Customize the widget’s appearance (label, color, icon, etc.).
  2. Once finished, click Add.

Widgets configuration window

  1. The widget will now appear on your dashboard.

Widget on dashboard

  1. Resize the widget by dragging its corners.

Resize the widget

  1. Re-edit the widget by hovering over it and clicking the pencil icon in the top right corner.

Re-edit the widget


3.How to Create a Simple Chart

  1. Inside your dashboard, click on the + Add new widget button.
    • Alternatively, use the + Add widget option in the top menu bar.

Add new widget

  1. A Widgets Bundles menu will appear.

Widgets Bundles

  1. For a simple line chart, choose the Charts widget bundle.
  2. From the available options, select Line Chart.

Widgets Cards

  1. A configuration window will open:
    • Select the data source and the variable you want to display under Series → Key.
    • Customize the widget’s appearance (label, units, color, decimals, etc.).
    • To add multiple variables, click Add Series.
    • Scroll down to configure Y-axes, legend, and other chart settings.
  2. Once finished, click Add.

Widgets configuration window

  1. The chart will now appear on your dashboard.

Widget on dashboard

  1. Resize the chart by dragging its corners.

Resize the widget

  1. Re-edit the chart by hovering over it and clicking the pencil icon in the top right corner.

Re-edit the widget

Example of a Created Dashboard

Example of a Created Dashboard

tip

If you need further assistance or a visual demonstration of the process described in this guide, consult the Video Guide.