/Web-Design-Challenge

Week 11 - Designing our first website using HTML, CSS and Bootstrap 4.

Primary LanguageJupyter Notebook

Web Visualization Dashboard - Web Design Challenge

Table of Contents

Background

Data is more powerful when we share it with others! In this assignment, I am taking the information received in the Python-API challenege, updating it and putting it into a webpage!

Website Requirements

The website must consist of the seven pages total, including:

  • A landing page containing:

    • An explanation of the project
    • Links to each visualization page.
  • Four visualization pages:

  • A "comparisons" page that:

    • Contains all of the visualizations on the same page so we can easily compare them.
    • Uses a bootstrap grid for he visualizations.
      • he grid must be twi visualizations across screens medium and large and one across small and extra small
  • A "data" page that:

    • Displays a responsive table containg the data used in the visualizations.
    • The table must be a bootstrap table component
    • The data must come from exporting the .csv file as HTML.

Navigation Requirements

The website must, at the top of every page, have a navigation menu that:

  • Has the name of the site on the left of the nva which allows users to return to the landing page.
  • Contains a dropdown on the right of the navbar named "Plots" which provides links to each of the visualization pages
  • Provides two more links on the right: "Comparisons" which links to the comparisons page and "Data" which links to the data page
  • Is responsive. The nav must have similar behavior as the pages

Deployment Requirements

The website must be deployed to GitHub pages.

Results

Please go to the results to see the final product!