Weather Matrix Display




About: Programming is my love and engineering is my third party :)

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

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: 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

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

Get full code here View on GitHub

Feel free to submit issues or revisions :)

Add HexFont.h to your Arduino libraries.

Use 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 = "28.4810971,-81.5088347"; // 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(" ");

Get the full code here View on GitHub

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. :)

Internet of Things Contest 2017

Second Prize in the
Internet of Things Contest 2017

Invention Challenge 2017

Participated in the
Invention Challenge 2017

Be the First to Share


    • CNC Contest

      CNC Contest
    • Make it Move

      Make it Move
    • Teacher Contest

      Teacher Contest

    9 Discussions


    1 year ago

    I made it with 4 displays and with the ESP 8266 and it shows time and MUTCH more my name and info and youtube info, check my youtube or website for the video info or search on GOOGLE for WannaDuino.

    I am NR 1 on google search so you will find me DIRECT. i am all for helping and OPEN SOURCE,


    1 year ago

    Nice project, thank you for posting.

    I am now trying to convert it to run with MAX7219 matrix controller using just the three connections.

    2 replies

    Reply 1 year ago

    please share code then, that was my thought also. wel done if you got it to work.


    Reply 1 year ago

    That would be cool. Let me know when your done. :)


    2 years ago

    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?

    2 replies

    Reply 1 year ago

    Sure you can. You just have to revise the part where I displayed the result. :)