Skip to content

Created a webpage compatible with different screens width to analyze how weather changes as we get closer to the equator.

Notifications You must be signed in to change notification settings

Claude-Hanfou/Web-Design-Visualization

Repository files navigation

Latitude Analysis Dashboard with Attitude: Web-Design

Background

Data is more powerful when we share it with others! This project uses HTML and CSS to create a dashboard showing off the analysis of weather data. The data retrieval and analysis are the same as that of this project https://github.com/Claude-Hanfou/Python-API-Analysis, where we identify globally dispersed locations and the nearby cities to those locations using citipy API. Then, retrieve the weather information of those cities via OpenWeatherMap API. This weather data is later analysed to understand the impact of latitude on various aspects of the weather. Factors we looked at included: temperature, cloudiness, wind speed, and humidity.

Webpage

The webpage can be viewd here https://claude-hanfou.github.io/Web-Design-Visualization/

Context

The purpose of this project was to analyze how weather changes as you get closer to the equator.

In building this dashboard, we created individual pages for each plot and a means by which we can navigate between them. These pages will contain the visualizations and their corresponding explanations. We'll also have a landing page, a page where we can see a comparison of all of the plots, and another page where we can view the data used to build them.

Landing Page:

An explanation of the project, links to each visualization page

alt text

Landing Page Small screen

alt text

Viualization Pages:

The plot/visualization itself for the selected comparison and a paragraph describing the plot and its significance

alt text

Comparison Page:

Contains all of the visualizations on the same page so we can easily visually compare them.

alt text

Data Page:

Displays a responsive table containing the data used in the visualizations.

alt text

Menu Page:

Displays a menu with a dropdown that takes to the various visualizations pages

alt text

About

Created a webpage compatible with different screens width to analyze how weather changes as we get closer to the equator.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages