Devlog # 2

Hi everyone! 
Hope you’re all doing well! 😊

Thankfully, I got out of the data cleaning phase. This week,  I had my mind on the design and page layout of my web application, as well as the visualisations that will bring my idea to life.

🖥️ Planning the Website
I thought my web application would have a structure like this:

• A Homepage
• 5 pages,  each having a different graph type for each country
• An About page

But everyone, the main challenge was that I had never worked with streamlit so in short, I had to learn it, and for me, tutorials almost never worked for me, so I had to go through documentation every single time, and this got me a lot of time spent on it instead of code.

🎨 Building the Homepage

As I was trying to set up my homepage, I wanted something like this (this picture of the homepage is the inspo from ChatGPT)

So I started with the title and the choices, but when I wanted to take the user to that specific page of the graph, I got this error ( the picture with the error message). This had me stuck for almost an hour or so until I got it right, and FINALLY, my homepage was done. ( the homepage in black with the text “Earth Kept a record(in red), Here it is!!). Seeing this, **I was in the air!!!! YAAAAY!!!🎉🎉 **

📈 First Graph first try

I also started working on my first visualisation: the Temperature Trends Graph. This graph enables users to select a city or country and view how temperatures have evolved, utilising real climate data.To make it more visually appealing, I added a color-gradient effect to the graph. I did get some help from AI while experimenting with the design, but I’m really happy with how it turned out. It’s the first graph of the project, and I am gonna still work on it, and this progress makes me feel really GOOD.. 🌎(finally YAAAY YAAAY🎉🎉🎉)

✨That’s all for this week’s progress!

See you in Devlog #3 🚀