Temperature Monitor Using NeoPixel Shield for Arduino & DHT11

by RonFrtek in Circuits > Arduino

166 Views, 1 Favorites, 0 Comments

Temperature Monitor Using NeoPixel Shield for Arduino & DHT11

Temperature Monitor using NeoPixel Shield for Arduino & DHT11

In this tutorial you will see how to make a Temperature Monitor using the NeoPixel Shield for Arduino - 40 RGB LED Pixel Matrix & DHT11 sensor.

Watch the Video!

What You Will Need

8e0732970d282cde55616075a620930c615a0953_original.jpeg
dht11.jpg
FZEK4WBK3XGYAP0.LARGE.jpg
VisuinoAdvrtisemenESPNowESP32C3-1.jpg
  • NeoPixel Shield for Arduino - 40 RGB LED Pixel Matrix
  • Arduino UNO
  • DHT11 Temperature & Humidity sensor
  • Visuino software: Download here


Brought by PCBWay

2022-08-26_13-41-18.jpg

Thank you PCBWay for supporting this tutorial and helping users learn more about electronics.

What I like about the PCBWay is that you can get 10 boards for approximately $5 which is really cost effective for professional made boards, not to mention how much time you save!

Go check them out here. They also offer a lot of other stuff in case you might need it like assembly3D printingCNC machining and a lot more.

The Circuit

2022-12-05_19-48-53.jpg
  • Connect DHT11 sensor pin[S] to Arduino digital pin[2]
  • Connect DHT11 sensor pin[-] to Arduino ground pin[GND]
  • Connect DHT11 sensor pin[+] to Arduino positive pin[5V]
  • Attach the Shield to Arduino Uno, You can find More Info here

Start Visuino, and Select the Arduino UNO Board Type

FD9ZV5DKU43CVCH.jpg
Visuino-Select-Board-UNO.jpg

The Visuino: https://www.visuino.eu also needs to be installed. Download Free version or register for a Free Trial.

Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Arduino UNO" as shown on Picture 2

In Visuino Add Components

2022-12-06_0-03-29.jpg
2022-12-06_0-04-45.jpg
2022-12-06_0-05-21.jpg
  • Add "DHT11" component
  • Add "Analog Multi Source" component
  • Add "NeoPixels" component

In Visuino Set Components

2022-12-06_0-06-08.jpg
2022-12-06_0-12-18.jpg
2022-12-06_0-09-27.jpg
2022-12-06_0-11-37.jpg
2022-12-06_0-12-50.jpg
2022-12-06_0-16-30.jpg
2022-12-06_0-18-33.jpg
2022-12-06_0-19-00.jpg
  • Select "AnalogMultiSource1" and in the properties window set "Output Pins" to 3
  • Double click on "NeoPixels1" and in the "PixelGroups" window drag "2D Graphics" to the Left side and in the properties window set "Height" to 5 and "Width" to 8, Select "Elements" and click on the 3 dots button

In the "Elements" window:

  • Drag "Fill Screen" to the Left side
  • Drag "Text Field" to the Left side & in the properties window set "Color" to OrangeRed and "Width" to 6, "Wrap" to False, Select "Elements" and click on the 3 dots button

In the "Elements" window:

  • Drag "Font" to the Left side & in the properties window set "Font" to Adafruit\Picopixel

Close all the windows


In Visuino Connect Components

2022-12-06_0-24-51.jpg
ss.png
  • Connect "HumidityThermometer1" pin[Sensor] to Arduino digital pin[2]
  • Connect "HumidityThermometer1" pin[Temperature] to "AnalogMultiSource1" pin[In]
  • Connect "AnalogMultiSource1" pin[0] to "NeoPixels1" > "Fill Screen1" pin[Clock]
  • Connect "AnalogMultiSource1" pin[1] to "NeoPixels1" > "Text Field1" pin[In]
  • Connect "AnalogMultiSource1" pin[2] to "NeoPixels1" > "Text Field1" pin[Clock]
  • Connect "NeoPixels1" pin[Sensor] to Arduino digital pin[6]

Generate, Compile, and Upload the Code

FBR42I2KXBU01YW.jpg

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Play

If you power the Arduino module the LED Pixel Matrix Pixels will start to Display the temperature from a DHT11 sensor.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this Instructable, you can download it and open it in Visuino: https://www.visuino.eu