How to Make an LED Matrix Digital Clock With Arduino Uno R4 WiFi

In this Visual Programming Visuino tutorial, we’ll use the Arduino Uno R4 WiFi’s built-in RTC and LED Matrix to create a digital clock without any external hardware.

The built-in RTC (Real-Time Clock) is used to keep accurate time, while the onboard LED matrix displays the hours and minutes directly on the board.

Time data from the RTC is formatted and continuously sent to the LED matrix, updating the display in real time.

Using Visuino’s drag-and-drop interface, you can easily configure the RTC, format the time output, and control how the clock is displayed on the LED matrix.

This project demonstrates how to build a fully functional digital clock using only the Arduino Uno R4 WiFi, making it perfect for quick demos, learning RTC usage, or compact clock projects.

Note: No external RTC module or LED display is required — everything is already built into the Arduino Uno R4 WiFi board.

Watch the Video!

Ā 

Ā 

Step 1: What You Will Need

What You Will NeedWhat You Will Need

Ā 

  1. Arduino UNO R4 Wifi
  2. Visuino program: Download Visuino
  3. Ā 

Ā 

Step 2: Start Visuino, and Select the Arduino UNO R4 WiFi Board Type

Start Visuino, and Select the Arduino UNO R4 WiFi Board Type

Start Visuino, and Select the Arduino UNO R4 WiFi Board Type

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 R4 WiFi" as shown on Picture 2

Ā 

Ā 

Step 3: In Visuino Add Components

In Visuino Add ComponentsIn Visuino Add Components

Ā 

  1. Add "Date/Time Value" component
  2. Add "Decode(Split) Date/Time" component

Ā 

Ā 

Step 4: In Visuino Set Components

In Visuino Set Components

In Visuino Set Components

In Visuino Set Components

In Visuino Set Components

In Visuino Set Components

In Visuino Set Components

In Visuino Set ComponentsIn Visuino Set Components

Ā 

  1. Select ArduinoUNO R4 WiFi board and in the properties window expand Modules>Display and select Elements and click on the 3 dots button, in the Elements window drag "Text Field" to the left side and in the properties window select "Elements" and click on the 3 dots.
  2. A new Elements window will open, Drag the "Font" element to the left and in the properties set the font "Adafruit\Picopixel"
  3. Close the "elements" windows
  4. Drag another "Text Field" to the left side and in the properties window set "Y" to 6, select "Elements" and click on the 3 dots.
  5. A new Elements window will open, Drag the "Font" element to the left and in the properties set the font "Adafruit\Picopixel"
  6. Close all the "elements" windows

Ā 

  1. Select ArduinoUNO R4 WiFi board and in the properties window expand Modules>Display and set "Orientation" to goRight

Ā 

  1. Select "DateTimeValue1" and in the properties window set your current time under "Value"
  2. Ā 

Ā 

Step 5: In Visuino Connect Components

Ā 

Ā 

  1. Connect DateTimeValue1 pin [Out] to Arduino Real Time Clock pin [In]
  2. Connect Arduino Real Time Clock pin [Out] to DecodeDateTime1 pin [In]
  3. Connect DecodeDateTime1 pin [Hour] to Arduino Display Text Field1 pin [In]
  4. Connect DecodeDateTime1 pin [Minute] to Arduino Display Text Field2 pin [In]

Ā 

Ā 

Step 6: Generate, Compile, and Upload the Arduino Code

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.

Ā 

Ā 

Step 7: Play

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

icon UNO-R4-Clock (1).zip 2KB Download(0)
License
All Rights
Reserved
licensBg
0