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 🚀