# No-Code IoT Humidity and Temperature Sensor with Adafruit IO WipperSnapper

## Overview

![](https://cdn-learn.adafruit.com/assets/assets/000/107/209/medium800/temperature___humidity_Temp___Humidity_Sensor_Banner_v1_2021_12.jpg?1639171521)

Is it too cold, hot, humid, or dry in your home? Do you have a hunch but not sure? Any of these extremes could have an effect on your health.

Knowing the humidity inside your home is helpful. Too humid, and mold can grow as well as release allergens in the air that can cause health problems. Too dry, and other issues like throat, nose, and eye irritation may result.&nbsp;

Regardless of health, sometimes times it's just fun to know the humidity and temp values of your environment!

![](https://cdn-learn.adafruit.com/assets/assets/000/107/094/medium800/temperature___humidity_IMG_0181.jpg?1638898242)

With the [AHT20 Temperature and Humidity sensor](https://www.adafruit.com/product/4566), an ESP32-S2 Feather and [Adafruit IO WipperSnapper](https://learn.adafruit.com/quickstart-adafruit-io-wippersnapper), you can easily track the temperature and humidity of your home or other locations. The best part - **there’s no coding or soldering required!**

In this guide, you’ll connect an [AHT20 Temperature and Humidity sensor](https://www.adafruit.com/product/4566) to an ESP32-S2 Feather. Then, load the AdafruitIO WipperSnapper firmware onto the ESP32-S2 Feather to connect your device to Adafruit IO. You'll configure the [AHT20 sensor](https://www.adafruit.com/product/4566) from the WipperSnapper website to send data to Adafruit IO.&nbsp;

Finally, you’ll create a handy dashboard to view the temperature and humidity data.

![](https://cdn-learn.adafruit.com/assets/assets/000/107/096/medium800/temperature___humidity_new_graph.png?1638899667)

## Prerequisite Guide:

**WipperSnapper** &nbsp;is an interface for&nbsp;[Adafruit IO, Adafruit's&nbsp;](https://learn.adafruit.com/welcome-to-adafruit-io/what-is-adafruit-io)[incredibly easy-to-use IoT platform](https://learn.adafruit.com/welcome-to-adafruit-io/what-is-adafruit-io), designed to turn any WiFi-capable board into an IoT device without programming a single line of code.

If you've never used WipperSnapper, click below to read through the Quickstart WipperSnapper guide before continuing.

[Quickstart: Adafruit IO WipperSnapper](https://learn.adafruit.com/quickstart-adafruit-io-wippersnapper)
## Parts
### Adafruit ESP32-S2 Feather - 4 MB Flash + 2 MB PSRAM

[Adafruit ESP32-S2 Feather - 4 MB Flash + 2 MB PSRAM](https://www.adafruit.com/product/5000)
What's Feather-shaped and has an ESP32-S2 WiFi module? What has a STEMMA QT connector for I2C devices? What has your favorite Espressif WiFi microcontroller and lots of Flash and RAM memory for your next IoT project? What will make your next IoT project flyyyyy?

That's right -...

In Stock
[Buy Now](https://www.adafruit.com/product/5000)
[Related Guides to the Product](https://learn.adafruit.com/products/5000/guides)
![Angled shot of rectangular microcontroller.](https://cdn-shop.adafruit.com/640x480/5000-12.jpg)

### Adafruit AHT20 - Temperature & Humidity Sensor Breakout Board

[Adafruit AHT20 - Temperature & Humidity Sensor Breakout Board](https://www.adafruit.com/product/4566)
The AHT20 is a nice but inexpensive temperature and humidity sensor [from the same folks that brought us the DHT22](https://www.adafruit.com/product/385). You can take sensor readings as often as you like, and it uses standard I2C so its super easy to use with any Arduino or...

In Stock
[Buy Now](https://www.adafruit.com/product/4566)
[Related Guides to the Product](https://learn.adafruit.com/products/4566/guides)
![Angled Shot of the Adafruit AHT20 Temp+Hum Sensor - Assembled PCB](https://cdn-shop.adafruit.com/640x480/4566-04.jpg)

### STEMMA QT / Qwiic JST SH 4-pin Cable - 100mm Long

[STEMMA QT / Qwiic JST SH 4-pin Cable - 100mm Long](https://www.adafruit.com/product/4210)
This 4-wire cable is a little over 100mm / 4" long and fitted with JST-SH female 4-pin connectors on both ends. Compared with the chunkier JST-PH these are 1mm pitch instead of 2mm, but still have a nice latching feel, while being easy to insert and remove.

<a...></a...>

In Stock
[Buy Now](https://www.adafruit.com/product/4210)
[Related Guides to the Product](https://learn.adafruit.com/products/4210/guides)
![Angled shot of STEMMA QT / Qwiic JST SH 4-pin Cable.](https://cdn-shop.adafruit.com/640x480/4210-00.jpg)

### 5V 2A Switching Power Supply w/ USB-A Connector

[5V 2A Switching Power Supply w/ USB-A Connector](https://www.adafruit.com/product/1994)
Our 5V 2A USB power adapter is the perfect choice for powering single-board computers like Raspberry Pi, BeagleBone, or anything else that's power-hungry!

This adapter was specifically designed to provide 5.25V, not 5V, but we still call it a 5V USB adapter. We did this on purpose to...

In Stock
[Buy Now](https://www.adafruit.com/product/1994)
[Related Guides to the Product](https://learn.adafruit.com/products/1994/guides)
![5V 2A Switching Power Supply with  USB-A Connector](https://cdn-shop.adafruit.com/640x480/1994-01.jpg)

### USB Type A to Type C Cable - approx 1 meter / 3 ft long

[USB Type A to Type C Cable - approx 1 meter / 3 ft long](https://www.adafruit.com/product/4474)
As technology changes and adapts, so does Adafruit. This&nbsp;&nbsp; **USB Type A to Type C** cable will help you with the transition to USB C, even if you're still totin' around a USB Type A hub, computer or laptop.

USB C is the latest industry-standard connector for...

In Stock
[Buy Now](https://www.adafruit.com/product/4474)
[Related Guides to the Product](https://learn.adafruit.com/products/4474/guides)
![Angled shot of a coiled black, USB-C to USB-A cable.](https://cdn-shop.adafruit.com/640x480/4474-02.jpg)

# No-Code IoT Humidity and Temperature Sensor with Adafruit IO WipperSnapper

## Feather and AHT20 Set Up

## Connect the AHT20 Sensor

Connect the AHT20 sensor to the Feather. With the Stemma QT cable, plug one end to the **I2C&nbsp;** port on the Feather (in the middle of the board) and the other to either end to the AHT20 sensor.

![](https://cdn-learn.adafruit.com/assets/assets/000/107/098/medium800/temperature___humidity_Untitled.png?1638901245)

## Set Up the Feather

The next step is to get your Feather set up in the&nbsp;**[Adafruit IO WipperSnapper page](https://io.adafruit.com/wippersnapper). Follow the instructions in the&nbsp;[Quickstart guide](https://learn.adafruit.com/quickstart-adafruit-io-wippersnapper)&nbsp;to do this.&nbsp;**

Danger: 

![](https://cdn-learn.adafruit.com/assets/assets/000/107/029/medium800/temperature___humidity_Screen_Shot_2021-12-02_at_12.23.42_PM.png?1638818322)

- From the WipperSnapper Device Interface, click "New Component".

![temperature___humidity_projects_sensors_Screen_Shot_2021-10-20_at_3.54.49_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/030/medium640/temperature___humidity_projects_sensors_Screen_Shot_2021-10-20_at_3.54.49_PM.png?1638818393)

- Select "AHT20".

![temperature___humidity_Screen_Shot_2021-12-01_at_1.52.05_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/172/medium640/temperature___humidity_Screen_Shot_2021-12-01_at_1.52.05_PM.png?1639073795)

On the Configure AHT20 modal,

- After you clicked "New Component", WipperSnapper scanned the ESP32-S2 Feather's I2C bus. The AHT20 sensor's unique address was found at 0x38 ([For more information about I2C addressing, check out this guide.](https://learn.adafruit.com/i2c-addresses))
- Under the "Send Every" option, select how often you'd like the sensor to be polled for new data, and send it to Adafruit IO.
- Click "Create Component".

![temperature___humidity_Screen_Shot_2021-12-02_at_12.24.51_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/035/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.24.51_PM.png?1638818653)

![](https://cdn-learn.adafruit.com/assets/assets/000/107/135/medium800thumb/temperature___humidity_tracker.jpg?1638985898)

Once the component is created, you should see values populate for the temperature and humidity after the "Send Every" interval has elapsed. You can see the above values change dramatically when I breathe on the sensor.

The temperature is output in degrees Celsius and the humidity is output as relative humidity.

## Troubleshooting I2C Sensors in WipperSnapper
- Make sure the AHT20 is connected to the Feather before trying to add the component or you may see this error.
- In order to find the correct I2C address, the sensor must be connected to the board at the time of adding the component.

![temperature___humidity_Screen_Shot_2021-12-08_at_12.35.53_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/133/medium640/temperature___humidity_Screen_Shot_2021-12-08_at_12.35.53_PM.png?1638985087)

# No-Code IoT Humidity and Temperature Sensor with Adafruit IO WipperSnapper

## Configure Dashboard 

Now that you have verified that the sensor is working, it's time to create an Adafruit IO Dashboard. Dashboards allow you to visualize data and control Adafruit IO-connected projects from any modern web browser.&nbsp;

- For more information about Adafruit IO Dashboards, [visit our Learn Guide on this topic](https://learn.adafruit.com/adafruit-io-basics-dashboards).

## Create a new Adafruit.io Dashboard
- On the WipperSnapper device page, click "Add to Dashboard" on either the humidity or temperature sensor. Then click "+ New Dashboard"

![temperature___humidity_Screen_Shot_2021-12-06_at_2.41.01_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/039/medium640/temperature___humidity_Screen_Shot_2021-12-06_at_2.41.01_PM.png?1638819882)

- Next, create a name and description for the dashboard and click "create".

![temperature___humidity_Screen_Shot_2021-12-02_at_12.41.08_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/163/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.41.08_PM.png?1639072870)

## Add a Line Chart Block

The line graph allows you to visualize numeric data over time. You can set the time range in hours that the chart will load, and set the labels for each axis of the chart. The chart will update dynamically whenever new values are pushed to the feed.

- Click the "gear" icon. Then click "Create New Block".

![temperature___humidity_Screen_Shot_2021-12-02_at_12.41.47_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/043/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.41.47_PM.png?1638820200)

- Select the "Line Chart".

![temperature___humidity_Screen_Shot_2021-12-02_at_12.41.56_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/164/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.41.56_PM.png?1639072959)

- Select&nbsp; **both the humidity and temperature** sensor feeds.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.42.11_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/165/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.42.11_PM.png?1639073031)

- Name and label the chart. The Y-axis min can be 0 and the max can be 100.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.43.25_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/166/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.43.25_PM.png?1639073091)

- Nice chart! Both the temperature and humidity get their own lines.&nbsp;

![temperature___humidity_Screen_Shot_2021-12-02_at_12.43.39_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/053/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.43.39_PM.png?1638820581)

- You can place your mouse over the lines to see exact values at exact times.

![temperature___humidity_Screen_Shot_2021-12-02_at_1.04.02_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/167/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_1.04.02_PM.png?1639073201)

## Add Gauge Blocks
The line chart is great to see the temp and humidity values in the past but for seeing the current values, a couple of "gauge" blocks in the dashboard will be quite helpful.

- Create a new block and select the "Gauge" block.

![temperature___humidity_Screen_Shot_2021-12-06_at_3.02.08_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/057/medium640/temperature___humidity_Screen_Shot_2021-12-06_at_3.02.08_PM.png?1638821001)

- Select the&nbsp; **Temperature&nbsp;** sensor feed.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.45.46_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/168/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.45.46_PM.png?1639073283)

- Name the block and set a min of 0 and a max of 100 (or other values that you may fancy). Next, label **&nbsp;** the gauge "C°" for Celsius. (how to bleow)

![temperature___humidity_Screen_Shot_2021-12-02_at_12.46.34_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/169/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.46.34_PM.png?1639073342)

 **How to label the gauge "C°"**

- To type the degree sign: " ° " [follow the below instructions](https://www.36n.co/how-to).
- Mac: option+shift+8
- PC: Hold down the Alt key, and on the numeric keypad on the right of the keyboard, type 0176 or Alt+ 248
- [Linux is a little more involved.](https://unix.stackexchange.com/questions/4795/how-do-i-type-the-degree-symbol-under-x11-using-a-default-english-keyboard-layo)

- Next, create another new gauge block for **humidity.** Select the **Humidity** Sensor feed.

![temperature___humidity_Screen_Shot_2021-12-08_at_12.56.01_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/139/medium640/temperature___humidity_Screen_Shot_2021-12-08_at_12.56.01_PM.png?1638986183)

- Name and label the block. Set a min of 0 and 100 for max.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.45.30_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/170/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.45.30_PM.png?1639073554)

## Formatting your Dashboard
- Now that all of the blocks are on the dashboard, organize the blocks so they are more readable.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.46.43_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/074/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.46.43_PM.png?1638821750)

- Click the "gear" icon and then click "Edit Layout". Now you can drag and scale the blocks to your choosing.

![temperature___humidity_Screen_Shot_2021-12-02_at_12.47.20_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/171/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.47.20_PM.png?1639073660)

Now that's a good-looking Dashboard!

![temperature___humidity_Screen_Shot_2021-12-02_at_12.47.26_PM.png](https://cdn-learn.adafruit.com/assets/assets/000/107/078/medium640/temperature___humidity_Screen_Shot_2021-12-02_at_12.47.26_PM.png?1638821950)

## Next Steps

That's it! You've got a handy dashboard for your temperature and humidity data.

If you'd like to make the Dashboard "public" to share it with others, [follow this guide here.](https://learn.adafruit.com/adafruit-io-basics-dashboards/sharing-a-dashboard)

Lastly, you may want to think about mounting the Feather and AHT20 somewhere that makes sense for you. [Follow this guide](https://learn.adafruit.com/3d-printed-case-for-adafruit-feather/overview) for some different 3D printed case ideas for your Feather and sensor.

Happy sensing!


## Featured Products

### Adafruit ESP32-S2 Feather - 4 MB Flash + 2 MB PSRAM

[Adafruit ESP32-S2 Feather - 4 MB Flash + 2 MB PSRAM](https://www.adafruit.com/product/5000)
What's Feather-shaped and has an ESP32-S2 WiFi module? What has a STEMMA QT connector for I2C devices? What has your favorite Espressif WiFi microcontroller and lots of Flash and RAM memory for your next IoT project? What will make your next IoT project flyyyyy?

That's right -...

In Stock
[Buy Now](https://www.adafruit.com/product/5000)
[Related Guides to the Product](https://learn.adafruit.com/products/5000/guides)
### Adafruit AHT20 - Temperature & Humidity Sensor Breakout Board

[Adafruit AHT20 - Temperature & Humidity Sensor Breakout Board](https://www.adafruit.com/product/4566)
The AHT20 is a nice but inexpensive temperature and humidity sensor [from the same folks that brought us the DHT22](https://www.adafruit.com/product/385). You can take sensor readings as often as you like, and it uses standard I2C so its super easy to use with any Arduino or...

In Stock
[Buy Now](https://www.adafruit.com/product/4566)
[Related Guides to the Product](https://learn.adafruit.com/products/4566/guides)
### STEMMA QT / Qwiic JST SH 4-pin Cable - 100mm Long

[STEMMA QT / Qwiic JST SH 4-pin Cable - 100mm Long](https://www.adafruit.com/product/4210)
This 4-wire cable is a little over 100mm / 4" long and fitted with JST-SH female 4-pin connectors on both ends. Compared with the chunkier JST-PH these are 1mm pitch instead of 2mm, but still have a nice latching feel, while being easy to insert and remove.

<a...></a...>

In Stock
[Buy Now](https://www.adafruit.com/product/4210)
[Related Guides to the Product](https://learn.adafruit.com/products/4210/guides)
### 5V 2A Switching Power Supply w/ USB-A Connector

[5V 2A Switching Power Supply w/ USB-A Connector](https://www.adafruit.com/product/1994)
Our 5V 2A USB power adapter is the perfect choice for powering single-board computers like Raspberry Pi, BeagleBone, or anything else that's power-hungry!

This adapter was specifically designed to provide 5.25V, not 5V, but we still call it a 5V USB adapter. We did this on purpose to...

In Stock
[Buy Now](https://www.adafruit.com/product/1994)
[Related Guides to the Product](https://learn.adafruit.com/products/1994/guides)
### USB Type A to Type C Cable - approx 1 meter / 3 ft long

[USB Type A to Type C Cable - approx 1 meter / 3 ft long](https://www.adafruit.com/product/4474)
As technology changes and adapts, so does Adafruit. This&nbsp;&nbsp; **USB Type A to Type C** cable will help you with the transition to USB C, even if you're still totin' around a USB Type A hub, computer or laptop.

USB C is the latest industry-standard connector for...

In Stock
[Buy Now](https://www.adafruit.com/product/4474)
[Related Guides to the Product](https://learn.adafruit.com/products/4474/guides)

## Related Guides

- [Adafruit AHT20 Temperature & Humidity Sensor](https://learn.adafruit.com/adafruit-aht20.md)
- [Adafruit ESP32-S2 Feather](https://learn.adafruit.com/adafruit-esp32-s2-feather.md)
- [Control Wiz Lights With CircuitPython](https://learn.adafruit.com/control-wiz-lights-with-circuitpython.md)
- [CircuitPython Web Workflow Code Editor Quick Start](https://learn.adafruit.com/getting-started-with-web-workflow-using-the-code-editor.md)
- [Pick the Perfect Plant: Battery-Powered Sun Tracking](https://learn.adafruit.com/battery-powered-sun-tracking.md)
- [ESP-NOW in CircuitPython](https://learn.adafruit.com/esp-now-in-circuitpython.md)
- [Pico W PiCowBell Case](https://learn.adafruit.com/pico-w-picowbell-case.md)
- [No-Code IoT Pool Monitor](https://learn.adafruit.com/iot-pool.md)
- [Quick-Start the Pico W WiFi with CircuitPython](https://learn.adafruit.com/pico-w-wifi-with-circuitpython.md)
- [Quick Start: Pico W / 2W with WipperSnapper](https://learn.adafruit.com/quick-start-the-pico-w-with-wippersnapper.md)
- [TFT Spirit Board](https://learn.adafruit.com/tft-spirit-board.md)
- [Networking in CircuitPython](https://learn.adafruit.com/networking-in-circuitpython.md)
- [Nunchuck Controlled Laser Cat Toy](https://learn.adafruit.com/nunchuck-controlled-laser-cat-toy.md)
- [IoT Filament Sensor](https://learn.adafruit.com/iot-filament-sensor.md)
- [Adafruit USB Host FeatherWing with MAX3421E](https://learn.adafruit.com/adafruit-usb-host-featherwing-with-max3421e.md)
- [Introducing Adafruit Feather](https://learn.adafruit.com/adafruit-feather.md)
