|
| 1 | +--- |
| 2 | +title: Multible Variable Chart Widget |
| 3 | +description: Learn how to use the advanced chart widget, which allows you to track several variables in real time or during a specific time period. |
| 4 | +author: Karl Söderby |
| 5 | +tags: [IoT Cloud, Charts, Data Plotting] |
| 6 | +--- |
| 7 | + |
| 8 | +## Overview |
| 9 | + |
| 10 | +The **advanced chart widget** is used to display the data from several IoT Cloud variables in a single chart. You can track the data in both real time, or select from a specific time period. |
| 11 | + |
| 12 | +This widget can very easily be added onto existing projects (if you are already tracking data), and is particularly interesting to use in projects such as: |
| 13 | +- Weather station |
| 14 | +- Environmental data |
| 15 | +- Energy consumption |
| 16 | +- Various science projects where data comparison is needed |
| 17 | + |
| 18 | +What is particularly interesting is that this new widget can use variables from **multiple things.** So you can monitor data from various devices and plot it all in one place. |
| 19 | + |
| 20 | +For example, you could set up a series of sensors around a city, and measure the CO2 emissions from your phone or laptop! |
| 21 | + |
| 22 | +## Hardware & Software Needed |
| 23 | + |
| 24 | +- [Arduino IoT Cloud](https://create.arduino.cc/iot/). |
| 25 | +- Cloud compatible boards, [see full list](https://docs.arduino.cc/arduino-cloud/getting-started/iot-cloud-getting-started#compatible-hardware). |
| 26 | + |
| 27 | +***In this tutorial, we use the [MKR WiFi 1010]() and [MKR ENV Shield]() for environmental values. This is not a requirement, you can use any board for this tutorial.*** |
| 28 | + |
| 29 | +## Setup & Configuration |
| 30 | + |
| 31 | +To use the advanced widget, you will need to set up a Thing and some variables that you want to track. We choose to set up and track: |
| 32 | +- `temperature` |
| 33 | +- `humidity` |
| 34 | +- `pressure` |
| 35 | +- `light` |
| 36 | + |
| 37 | +***If you are unfamiliar with how to set up a Thing and variables, head on over to the [Getting Started with the Arduino IoT Cloud](/arduino-cloud/getting-started/iot-cloud-getting-started) article.*** |
| 38 | + |
| 39 | +**1.** Head on over to the **"Dashboards"** in the Arduino IoT Cloud, and create a new dashboard (or use an existing dashboard). |
| 40 | + |
| 41 | +**2.** Add a new **"Advanced Chart Widget"**, selecting it from the list of available widgets. |
| 42 | + |
| 43 | +**3.** Link the variables you want to compare. In this case, we are using `temperature`, `humidity`, `pressure` and `light`. |
| 44 | + |
| 45 | +![Link variables.]() |
| 46 | + |
| 47 | +>You can use up to a maximum of 5 variables. |
| 48 | +
|
| 49 | +**4.** After selection, your variables will appear in the right panel, with a number of configuration options. You can for example choose how each data point will be represented (line, spline, spline area, line area and bar). |
| 50 | + |
| 51 | + |
| 52 | + |
| 53 | +**5.** Click on **"Done"** when finished selecting the variables. If your board is connected and is sending data to the cloud, you will see the widget's data update frequently. |
| 54 | + |
| 55 | +## Usage |
| 56 | + |
| 57 | +With the widget set up, let's explore some cool features. |
| 58 | + |
| 59 | +### Toggle Variables |
| 60 | + |
| 61 | +You can enable or disable to variables you want to display by simply clicking the name of the variable. |
| 62 | + |
| 63 | + |
0 commit comments