Order For Similar Custom Papers & Assignment Help Services

Fill the order form details - writing instructions guides, and get your paper done.

Posted:

Web design work- web visualization

 

Latitude – Latitude Analysis Dashboard with Attitude

For this homework we’ll be creating a visualization dashboard website using visualizations we’ve created in a past assignment. Specifically, we’ll be plotting weather data.

In building this dashboard, we’ll create 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.

Website Requirements

For reference, see the “Screenshots” section below.

The website must consist of 7 pages total, including:

  • A landing page containing:
    • An explanation of the project.
    • Links to each visualizations page. There should be a sidebar containing preview images of each plot, and clicking an image should take the user to that visualization.
  • Four visualization pages, each with:
    • A descriptive title and heading tag.
    • The plot/visualization itself for the selected comparison.
    • A paragraph describing the plot and its significance.
  • A “Comparisons” page that:
    • Contains all of the visualizations on the same page so we can easily visually compare them.
    • Uses a Bootstrap grid for the visualizations.
      • The grid must be two visualizations across on screens medium and larger, and 1 across on extra-small and small screens.
  • A “Data” page that:
    • Displays a responsive table containing the data used in the visualizations.
      • The table must be a bootstrap table component. Hint
      • The data must come from exporting the .csv file as HTML, or converting it to HTML. Try using a tool you already know, pandas. Pandas has a nifty method approprately called to_html that allows you to generate a HTML table from a pandas dataframe. See the documentation here

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 nav which allows users to return to the landing page from any page.
  • Contains a dropdown menu on the right of the navbar named “Plots” that provides a link to each individual visualization page.
  • Provides two more text links on the right: “Comparisons,” which links to the comparisons page, and “Data,” which links to the data page.
  • Is responsive (using media queries). The nav must have similar behavior as the screenshots “Navigation Menu” section (notice the background color change).

Finally, the website must be deployed to GitHub pages.

When finished, submit to BootcampSpot the links to 1) the deployed app and 2) the GitHub repository.

Considerations

  • You may use the weather data or choose another dataset. Alternatively, you may use the included cities dataset and pull the images from the assets folder.
  • You must use Bootstrap. This includes using the Bootstrap navbar component for the header on every page, the bootstrap table component for the data page, and the Bootstrap grid for responsiveness on the comparison page.
  • You must deploy your website to GitHub pages, with the website working on a live, publicly accessible URL as a result.
  • Be sure to use a CSS media query for the navigation menu.
  • Be sure your website works at all window widths/sizes.
  • Feel free to take some liberty in the visual aspects, but keep the core functionality the same.
  • Use a different dataset! The requirements above still hold, but make it your own.
  • Use a Bootstrap theme to customize your website. You may use a tool like Bootswatch. Make it look snazzy, give it some attitude. If using this, be sure you also meet all of the requirements listed above.
  • Add extra visualizations! The more comparisons the better, right?
  • Use meaningful glyphicons next to links in the header.
  • Have visualization navigation on every visualizations page with an active state. See the screenshots below.

Screenshots

This section contains screenshots of each page that must be built, at varying screen widths. These are a guide; you can meet the requirements without having the pages look exactly like the below images.

Landing page

Large screen:

Small screen:

Order | Check Discount

Paper Writing Help For You!

Special Offer! Get 20-25% Off On your Order!

Why choose us

You Want Quality and That’s What We Deliver

Professional Writers

We assemble our team by selectively choosing highly skilled writers, each boasting specialized knowledge in specific subject areas and a robust background in academic writing

Discounted Prices

Our service is committed to delivering the finest writers at the most competitive rates, ensuring that affordability is balanced with uncompromising quality. Our pricing strategy is designed to be both fair and reasonable, standing out favorably against other writing services in the market.

AI & Plagiarism-Free

Rest assured, you'll never receive a product tainted by plagiarism or AI-generated content. Each paper is research-written by human writers, followed by a rigorous scanning process of the final draft before it's delivered to you, ensuring the content is entirely original and maintaining our unwavering commitment to providing plagiarism-free work.

How it works

When you decide to place an order with Nurscola, here is what happens:

Complete the Order Form

You will complete our order form, filling in all of the fields and giving us as much detail as possible.

Assignment of Writer

We analyze your order and match it with a writer who has the unique qualifications to complete it, and he begins from scratch.

Order in Production and Delivered

You and your writer communicate directly during the process, and, once you receive the final draft, you either approve it or ask for revisions.

Giving us Feedback (and other options)

We want to know how your experience went. You can read other clients’ testimonials too. And among many options, you can choose a favorite writer.