Adafruit IO Setup
Adafruit IO is an open data platform that allows you to aggregate, visualize, and
analyze live data on the cloud. Using Adafruit IO, you can upload, display, and
monitor your data over the internet, and make your project IoT enabled. You can
control motors, read sensor data, and make cool IoT applications over the
internet using Adafruit IO.
To use Adafruit IO, first create an account on Adafruit IO. To do this, go to
the Adafruit IO website and click on ‘Get started for Free’ on the top right of the
screen.
After finishing the account creation process, log in to the account and click on
‘View AIO Key’ on the top right corner to get the account username and AIO key.
When you click on ‘AIO Key,’ a window will pop up with the Adafruit IO AIO Key
and username. Copy this key and username, it will be used in code.
Now, after getting the AIO keys, create a feed to store the DHT sensor data. To
create a feed, click on ‘Feed.’ Then click on ‘Actions,’ and then select ‘Create a
New Feed’ from the available options.
After this, a new window will open where you need to input the Name and
Description of the feed. Writing a description is optional.
Click on ‘Create,’ after this; you will be redirected to the newly created feed.
For this project, we created a total of six feeds for PM10, PM2.5, CO,
Temperature, Humidity, and AQI values. Follow the same procedure as above to
create the rest of the feeds.
After creating feeds, now we will create an Adafruit IO dashboard feature to
visualize the sensor data on a single page. For that, first, create a dashboard
and then add all these feeds in that dashboard.
To create a dashboard, click on the Dashboard option and then click on the
‘Action,’ and after this, click on ‘Create a New Dashboard.’
In the next window, enter the name of the dashboard and click on ‘Create.’
As the dashboard is created, now we will use the Adafruit IO blocks like
Gauge and Slider to visualize the data. To add a block, click on the ‘+’ in the top
right corner.
Then Select the ‘Gauge’ block.
In the next window, select the feed data that you want to visualize.
In the final step, change the block settings to customize it.
Now follow the same procedure as above to add visualization blocks for the rest
of the feeds. My Adafruit IO Dashboard looked like this: