Introduction: Weather Matrix Display

Picture of Weather Matrix Display

About the project

I'll show you how to create a mini weather status display from a 8x8 matrix display.

I will be using Genuino MKR1000 to fetch temperature, humidity and condition of weather within a selected location.

Show status to display in an slide animation pattern.


Since 8x8 Matrix is basically an array of LEDs, I will need to program it to show text and animation effects

On this project you will also learn how to

  1. consume rest web service api
  2. how to parse Json data
  3. how to use Threads and Wifi libraries in Arduino

Step 1: Assemble MKR1000 and 8x8 Display to Mini Bread Board

Picture of Assemble MKR1000 and 8x8 Display to Mini Bread Board

The setup is pretty simple, we just need to attach the 8x8 matrix display to our microcontroller.


  1. 16pcs of Male to Female jumpers
  2. Mini Bread Board
  3. Microcontroller
  4. 8x8 Matrix Display'

Assembly Display

Divide your jumpers to group of 8pcs.

Make sure that the jumper wires are perfectly alligned.

Connect the 8 female jumpers to the first 8 pins of matrix display.

Connect the other 8 female jumpers to the 2nd 8 pins of matrix display.

Attach to microcontroller

Attach the microcontroller to the mini breadboard

Using the end male pins of the jumper wires, insert them on the first 8 holes where the microcontoller pins are attached (5-A5).

Insert the remaining on the other 8 holes where the microcontoller pins are attached (6-13).

Adjust the 8x8 Matrix Display so it is facing the front when you place it on the table.

Step 2: Create Your Weather Api Account

Picture of Create Your Weather Api Account

To be fully called Internet of Things, we need to fetch some data from the internet.

I used APIXU API to fetch weather data from my selected location.

Sign Up for the account here and get your account API Key.

Feel free to use my own api key

String apiKey = "8f0ff191defb4a20b5583518171203"; // your apixu api key

Step 3: Flash Your MKR1000

Add the attached HexFont.h to your Arduino libraries.

Use attached simple_weather_display.ino to flash your microcontroller.

On this part of the code:

Replace with your WiFi settings

char ssid[] = ""; //  your network SSID (name)
char pass[] = "";    // your network password (use for WPA, or use as key for WEP)

Replace with your Apixu Api Key and location coordinates

String apiKey = "8f0ff191defb4a20b5583518171203"; // your apixu api key
String coordinates = "14.3335591,120.9758737"; // your location coordinates

You can also changed what data to be displayed on this part of the code

//update display text to new weather condition
    message = "";
    //get the current condition
    String condition =  result["current"]["condition"]["text"];
    appendMessage(" ");
    String temp_c = result["current"]["temp_c"] ;
    appendMessage(" ");
    String humidity = result["current"]["humidity"];
    appendMessage(" ");

For example if you want to add wind_mph from apixu api result:

String wind_mph = result["current"]["wind_mph"] ;
appendMessage("Wind mph");
appendMessage(" ");

Step 4: Finish!

Once flashed it will try to connect to your WiFI and will fetch your weather condition, temperature and humidity!

Make sure you have internet connection.

Need Help?

Feel free to comment here.

Support the project from this Github repo

Also Please vote for me on Internet of Things Contest. :)


WannaDuino (author)2017-09-14

can i not just use a wemos D1 and a MAX matrix with the display chip on it already??means LESS jumper cables AND CHEAPER. ( only 5 cables TOTAL )

or do i miss something?

mjrovai (author)2017-07-03

nice project! ;-)

imjeffparedes (author)mjrovai2017-07-05

Thank you. Very simple but effective, right? :)

About This Instructable




Bio: Programming is my love and engineering is my third party :)
More by imjeffparedes:Temperature Sensor With Arduino UNOGyroscope With Arduino 101Program Linkit Smart 7688 Duo on Arduino IDE
Add instructable to: