Building a Weather Website with Maps and Tables


I’m looking for guidance.

I would like to learn to create dynamic maps on a website, and I would be so grateful if you could point me in the right direction showing me what exactly do I have to learn to be able to do what I would like to.

  1. There are these two websites which first decode the data sent in SYNOP and METAR reports from weather stations and airports and then draw them onto maps using what in meteorology is called the station model.

Could you deconstruct the code of these websites and tell me what is it that they do behind the scenes and what do I need to learn to able able to create my own code like this?

I presume they first contact a database, get the data from it, decode it, and then, using a set of drawing rules, create the map. I’d need to know which languages they use to do it and how does the whole process look in more detail.

For the second website, you just have to click on the Layers button, type “synop” and zoom to a desired level to see how it looks:

  1. How do the Met Office and the DHMZ create these warning maps?

  1. How is the opening map with the weather forecast made?

  1. How are tables such as these for current weather data and forecasts made, with special consideration for different icons for day and night?

(Good maps, too, on ARSO’s website)

There are plenty of great visualization solutions on weather websites around, such as BOM’s MetEye and many others.

I’m on a Full-Stack Engineer path, and I wonder if I will run into lessons which will teach me how to do these things.

Thank you so much! Anything you tell me will be appreciated so much!