Skip to content

Commit 83e6f20

Browse files
committed
first draft
1 parent 4d554c7 commit 83e6f20

File tree

3 files changed

+63
-0
lines changed

3 files changed

+63
-0
lines changed
Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
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+
![Advanced chart widget configuration.](assets/widget-config.png)
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+
![Toggle variables.](assets/advanced-chart-toggle.gif)
Loading
Loading

0 commit comments

Comments
 (0)