Build Adafruit IO Dashboard
While the Adafruit IO Feed will display the value of the push button's state, it is nice to have a visual indicator so others can understand and interpret this project. To do this, we'll create an Adafruit IO Dashboard to display the push-button state.
What is an Adafruit IO Dashboard
You can create a quick and simple UI for your electronics project using Dashboards in Adafruit IO. Dashboard blocks such as charts, sliders, and buttons are available to help you quickly create an interactive dashboard for your IoT Project without needing any custom code.
For more information about Adafruit IO Dashboards, visit the following guide:
Click the New Dashboard button on the Dashboards page to create a new dashboard.
In the Create a new Dashboard dialog give the new dashboard an appropriate name, plus a description if you wish, then click the Create button.
You will be returned to the list of dashboards, with a new entry for the one you created.
Click the dashboard name in the list to be taken to the new dashboard.
You'll be presented with an empty dashboard. Click the cog in the upper-right-hand side to open the settings dropdown.
Click the Create New Block option.
Next, add a new Gauge block to a new or existing dashboard. Name the block whatever you would like, and give it a max value of 1024 and a min value of 0. Make sure you have selected the Analog feed as the data source for the gauge.
When you are finished editing the form, click Create Block to add the new block to the dashboard.
You can now cover the photocell with your hand, and you should see the changing values being sent to Adafruit IO:
sending -> 1024 sending -> 953 sending -> 259 sending -> 476 sending -> 248 sending -> 173 sending -> 224 sending -> 291 sending -> 1024
Check your dashboard on Adafruit IO, and you should see the gauge respond to the changes in photocell values.
Page last edited
Text editor powered by tinymce.
