Inspiration
My inspiration for this project came from seeing how often climate change is discussed but rarely understood on a deeper level. I wanted to create something that makes the data come alive—helping people see the impact rather than just read about it.
What it does
My project is an interactive world map that visualizes the effects of climate change from 1970 to 2100. Users can scroll through time using a year slider, and the map’s colors gradually shift from green to red, showing how rising temperatures and pollution intensify across different continents over time.
How we built it
I built this project using a combination of HTML, CSS, JavaScript, and D3.js. HTML was used to create the structure of the webpage, CSS handled the visuals and smooth color transitions, and JavaScript powered the logic that processes and updates the data. With D3.js, we made the map fully interactive and dynamic, allowing users to scroll through years and see real-time changes in climate patterns based on real-world data and predictive models.
Challenges we ran into
One challenge I faced was organizing large climate datasets. Another was making the map update smoothly in real time using JavaScript and D3.js.
Accomplishments that we're proud of
I am proud of creating a fully interactive map that turns complex climate data into an intuitive and visually engaging experience. I am also proud that our project combines real-world data with predictive modeling, making it not only educational but also a tool that can inspire action and awareness.
What we learned
I learned how to take large, complex datasets and turn them into interactive visualizations that are easy to understand.
What's next for Climate Change Impact Predictor Map
Next, I plan to add more detailed data and improve user interaction, making the map more informative and accessible to everyone.
Log in or sign up for Devpost to join the conversation.