Skip to content

mznaturl1/belly-button-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

belly-button-challenge

Module 14 Challenge (Plotly.js)

belly_button_bacteria

In this assignment, I was asked to build an interactive dashboard to explore the Belly Button Biodiversity datasetLinks to an external site, which catalogs the microbes that colonize in human navels.

The dataset reveals that a small handful of microbial species (also called operational taxonomic units, or OTUs, in the study) were present in more than 70% of people, while the rest were relatively rare.

Requirements:

  1. Use the D3 library to read in samples.json from the URL https://2u-data-curriculum-team.s3.amazonaws.com/dataviz-classroom/v1.1/14-Interactive-Web-Visualizations/02-Homework/samples.json.

  2. Create a horizontal bar chart with a dropdown menu to display the top 10 OTUs found in that individual.

    • Use sample_values as the values for the bar chart.
    • Use otu_ids as the labels for the bar chart.
    • Use otu_labels as the hovertext for the chart.

first id bar chart

  1. Create a bubble chart that displays each sample.

    • Use otu_ids for the x values.
    • Use sample_values for the y values.
    • Use sample_values for the marker size.
    • Use otu_ids for the marker colors.
    • Use otu_labels for the text values.

first id bubble chart

  1. Display the sample metadata, i.e., an individual's demographic information.

  2. Display each key-value pair from the metadata JSON object somewhere on the page.

first id demo info

  1. Update all the plots when a new sample is selected.

  2. Deploy your app to a free static page hosting service, such as GitHub Pages.

Optional Advanced Challenge Assignment:

Adapt the Gauge Chart from https://plot.ly/javascript/gauge-charts/ to plot the weekly washing frequency of the individual. * You will need to modify the example gauge code to account for values ranging from 0 through 9. * Update the chart whenever a new sample is selected.

first id wash freq