Skip to content

derrikdennis/Web-Design-Challenge

Repository files navigation

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!

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published