Adafruit IO Dashboards start out as a blank webpage. From this page, you can add blocks, to create an interactive webpage to interact with (or view) your electronics project.
You'll create a new Adafruit IO dashboard and use a toggle block to set whether or not you're currently swimming. Then, is to add a text block, mirroring the text on the MagTag display.
Navigate to the Adafruit IO dashboard page.
Click new Dashboard. Name your dashboard: give it a description and click Create.
First, to add a Toggle button block. A toggle button is useful if you have an ON or OFF type of state. You can configure what values are sent on press and release.
From the dashboard, click New Block. Select the Toggle Button.
From the feed list, connect the Toggle Button to the swimming feed.
Next, configure the block:
Set the block title to Pool Status.
Change the Button On Text to Open. Set the Button On Value to 1.
Change the Button Off Text to Closed. Set the Button Off Value to 0.
Click Create block.
The dashboard should look like the screenshot below. Next, let's add a second block to the dashboard - a text box.
The Text Box block can be used to send data as well as view data. In this project, we will use it to view the string of text printed to the MagTag display.
From the dashboard, click New Block.
Select the Text Box block.
From the feed list, Select the MagTag. Then, select the MagTag - 2.9" E-Ink Display.
Optionally set the font size.
Click Create Block.
The dashboard should look like the following screenshot. To make the dashboard more visually appealing, you can re-arrange the blocks on the dashboard.
Page last edited November 03, 2025
Text editor powered by tinymce.
