Skip to content

Latest commit

 

History

History
71 lines (40 loc) · 1.94 KB

README.md

File metadata and controls

71 lines (40 loc) · 1.94 KB

Visualizing Weather Patterns

I created a visualization dashboard website for weather analysis that I previously did. This previous analysis can be found here: "Resources/cities.csv".

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

Features & Libraries

  • HTML
  • CSS
  • Bootstrap

My Process

  1. Build a landing page with the project explanation and links to other pages
  2. Build four visualization pages with descriptive titles/headlines, visualizations themselves, and a description paragraph
  3. Build a comparisons page that contains all the visualizations which uses a Bootstrap grid
  4. Build a responsive data table with bootstrap component containing the data used in the visualizations
  5. Add a dropdown menu with a navbar

Screenshots

Landing page

Large screen:

Landing page large screen

Small screen:

Landing page small screen

Comparisons page

Large screen:

comparison page large screen

Small screen:

comparison page small screen

Data page

Large screen:

data page large screen

Small screen:

data page small screen

Visualization pages

Large screen:

visualize page large screen

Small screen:

visualize page small screen

Navigation menu

Large screen: nav menu large screen

Small screen: nav menu small screen