Maker.io main logo

Arduino Display Temperature & Humidity on MAX7219 8-digit LED Display Us

2026-05-01 | By Ron Cutts

License: GNU Lesser General Public License Displays Humidity Temperature Arduino ESP32

In this tutorial, we will learn how to display temperature and humidity using a MAX7219 8-digit digital LED display.

Watch the video!

Learn more about Visuino: What is Visuino

What You Will Need

What You Will Need

What You Will Need photo 2

What You Will Need photo 3

What You Will Need photo 4

What You Will Need photo 5

What You Will Need photo 6

The Circuit

  • Connect DHT11 Sensor module pin[VCC] to Arduino pin[5V]

  • Connect DHT11 Sensor module pin[GND] to Arduino pin[GND]

  • Connect DHT11 Sensor Signal pin[S] to Arduino Digital pin[3]

  • Connect RTC DS1307 module pin[SCL] to Arduino pin[SCL]

  • Connect LED module pin[VCC] to Arduino pin[5V]

  • Connect LED module pin[GND] to Arduino pin[GND]

  • Connect LED module pin[DIN] to Arduino digital pin[11]

  • Connect LED module pin[CS] to Arduino digital pin[10]

  • Connect LED module pin[CLK] to Arduino digital pin[13]

The Circuit

Start Visuino, and Select the Arduino UNO Board Type

The Visuino: https://www.visuino.eu also needs to be installed. Download the 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 in Picture 2

Start Visuino, and Select the Arduino UNO Board Type

Start Visuino, and Select the Arduino UNO Board Type photo 2

In Visuino Add Components

  • Add "DHT11" component

  • Add "Formatted Text" component

  • Add "Maxim LED Display Controller SPI MAX7219/MAX7221" component

In Visuino Add Components

In Visuino Add Components photo 2

In Visuino Add Components photo 3

In Visuino Set Components

  • Double-click on the "FormattedText1" and in the "Elements window" drag 2X "Analog Element" to the left side
    and for each in the Properties window, set the "Precision" to 0

  • Close the "Elements window"

  • Select "FormattedText1" and in the properties window, set "Text" (don't forget to add space) to %0c %1 H

  • Double-click on the "LedController1" and in the "PixelGroups window" drag "Text Display 7 Segments" to the left side

  • Close the "PixelGroups window"

In Visuino Set Components

In Visuino Set Components photo 2

In Visuino Set Components photo 3

In Visuino Set Components photo 4

In Visuino Connect Components

  • Connect "HumidityThermometer1" pin [Sensor] to Arduino Digital pin [3]

  • Connect "HumidityThermometer1" pin [Temperature] to "FormattedText1 > AnalogElement1" Pin [In]

  • Connect "HumidityThermometer1" pin [Humidity] to "FormattedText1 > AnalogElement2" Pin [In]

  • Connect "FormattedText1" pin [Out] "LedController1 > Text Display 7 Segments1" Pin [In]

  • Connect "LedController1" pin Out SPI to Arduino Pin SPI In

  • Connect "LedController1" pin Chip Select to Arduino Digital Pin [10]

In Visuino Connect Components

In Visuino Connect Components photo 2

Generate, Compile, and Upload the Arduino Code

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.

Generate, Compile, and Upload the Arduino Code

Play

If you power the Arduino module, the LED display will start to display the temperature and humidity.

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

Downloads

Have questions or comments? Continue the conversation on TechForum, DigiKey's online community and technical resource.