Now that data is streaming into both your device over Bluetooth and it's connected to Digi-Key IoT Cloud Storage, you can now visualize our home's data in real-time. While you could use an API or framework to display this data, there's an even simpler way.
Digi-Key IoT Studio is an all-in-one solution and includes a Dashboard front-end. You're going to build a dashboard to help visualize the sensors in your home over time. Just like before, there's no programming. You'll drag and drop widgets to create a dashboard.
As mentioned before, IoT Studio provides 10.49MB of data per-device. You can verify how much data your device is using by navigating to the device panel.
|
|
Before jumping into building a dashboard, it's important to know where our data is located. IoT Studio provides 10.49MB of data per-device, for up to 5 devices. To verify how much data your IoT Home is using,
The storage page will display how much data your device uses and which database its stored on. Data is stored in the CloudStorage element you created in the Monitoring your Home page. You may also download or delete all your device's data at any point. Also, you may verify how much data your device is using by navigating to the device panel. |
Step-by-Step: Building a Dashboard
Digi-Key IoT Studio's Dashboard "allows you to display your devices data through a variety of widgets". Widgets are visual components that allow you to display device data in different forms. There are widgets for displaying data as a gauge, a text block, a graph, or even as a pie chart.
|
|
Let's start by adding a gauge widget to display the temperature from the ADT7410 temperature sensor in the IoT Home.
|
|
|
A new Data Gauge widget will appear on your dashboard.
|
|
|
In the widget's properties window,
|
|
|
|
The gauge will automatically appear and the needle will move, reflecting the value read by your temperature sensor.
|
|
Let's add another element type to display the resistance of the gas sensor.
|
|
|
|
|
|
|
The data glance widget should populate with the IoT Home's gas reading.
|
|
Let's complete this dashboard by adding a second Data Glance widget to display the relative humidity in the IoT Home.
|
You've successfully created a dashboard to display data about your IoT Home's sensors! You can view this dashboard on any web browser or mobile device, from anywhere in the world.
For more information about the DK IoT Studio Dashboard and its elements, visit the developer documentation pages.
