Skip to main content

Creating a dashboard

After successfully connecting your device to the HARDWARIO Cloud, follow these steps to create basic widgets on your dashboard:

Displaying the Current Value of a Variable (Metric)​

Step-by-Step Instructions​

  1. Open Dashboards​

    In the top navigation bar, click on Data, then select Dashboards. This will open the dashboard management area.

  2. Add a New Widget​

    Click the Add new Widget button (marked with a + icon).

  3. Choose a Widget Type​

    From the list of available widgets, choose one of the Metric types (used to display numerical values).

  4. Add a Variable​

    Click on + ADD VARIABLES, then:
    • Select your device
    • Choose the desired variable
    • Confirm the selection by clicking SELECT

  5. Configure Aggregation and Time Span​

    Set the Aggregation Method (e.g. average, last value) and Span (time range).

  6. Edit Widget Appearance​

    Switch to the APPEARANCE tab to customize display options such as:
    • Label
    • Color
    • Font
    • Date format
    • ...

  7. Save the Widget​

    Click SAVE to add the widget to your dashboard.

Displaying a Variable in a Basic Chart (Line Chart)​

Step-by-Step Instructions​

  1. Open Dashboards​

    In the top navigation bar, click on Data, then select Dashboards. This will open the dashboard management area.

  2. Add a New Widget​

    Click the Add new Widget button (marked with a + icon).

  3. Choose a Widget Type​

    From the list of available widgets, scroll to the Charts section and choose a Line Chart.

  4. Add a Variable​

    Click on + ADD VARIABLES, then:
    • Select your device
    • Choose the desired variable
    • Confirm the selection by clicking SELECT

  5. Configure Chart Settings​

    In the SETTINGS tab, configure options such as:
    • Aggregation Method
    • Span
    • Sample Period
    • Bar Width
    • ...

  6. Edit Y-Axis Settings​

    In the same SETTINGS tab, click the 1 Y-Axis button to adjust:
    • Axis name
    • Position
    • Value range
    • ...

  7. Edit Widget Appearance​

    Switch to the APPEARANCE tab to modify visual elements such as:
    • X-axis label
    • Font
    • Date format
    • ...

  8. Resize the Chart​

    Once the widget is added to your dashboard, resize it using the arrow icon in the bottom-right corner of the chart.

  9. View Data Points​

    Hover over the chart line to view individual data values as tooltips.

These widgets will allow you to build a simple, clear dashboard for monitoring real-time or historical sensor data.​

tip

You can combine different widget types, overlay multiple variables, or group related data visually for more advanced dashboards.