4. Data Visualization

Building a simple Grafana dashboard

The next step is to visualize the data. In this chapter, we will be creating a Grafana dashboard that is based on the Node-RED flow we created in the previous chapter. The dashboard will display the temperature readings and temperature warnings.

Creating a Grafana dashboard

  1. Open Grafana with UMHLens and enter the secrets also found in UMHLens.

  2. Once you are in Grafana navigate to the left and click on New dashboard.

    Untitled
    Untitled

  3. Click on Add a new panel.

    Untitled
    Untitled

  4. Next we will configure the datasource-v2, to retrieve the data we earlier transformed in Node-red. Click on umh-v2-datasource.

    Untitled
    Untitled

  5. Go to Work cell to query and select under Select new work cell: factoryinsight->Aachen->DefaultArea->DefaultProductionLine->testing

  6. Next go to Value to query and select under Select new value: tags->custom->temperature .

  7. If you now click on Refresh Dashboard at the top right-hand corner, the graph will refresh and display the temperature data.

    Untitled
    Untitled

  8. Next, you can customise your dashboard. On the right side are several options, such as specifying a unit or setting thresholds, etc. Just play around until it suits your needs.

  9. When you have finished making adjustments, click Apply in the top right-hand corner to save the panel and return to the overview.

  10. Next we will display the temperature warnings. Click Add Panel at the top right to create an additional panel.

    Untitled
    Untitled

  11. To set up the umh-v2 data source, repeat the steps discussed earlier, but select under Value to query: TemperatureWarning instead of temperature.

  12. instead of a time series chart to display the temperature warnings, we select Stat on the right side.

    Untitled
    Untitled

  13. Now you can again customize your panel and when you are done click on Apply.

  14. Congratulations, you have created your first Grafana dashboard, and it should look something like the one below.

    Untitled
    Untitled

What’s next?

The next topic is “Moving to Production”, where we will explain what it means to move the umh to a manufacturing environment. Click here to proceed.

Last modified May 5, 2023: feat: finishing touches (1147002)