/Biodiversity

Explore the Belly Button Biodiversity dataset through an interactive dashboard, which catalogs the microbes that colonize human navels.

Primary LanguageJavaScript

Belly Button Biodiversity

Bacteria

I build an interactive dashboard to explore the Belly Button Biodiversity dataset, which catalogs the microbes that colonize 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.

apt the Gauge Chart from https://plot.ly/javascript/gauge-charts/ to plot the weekly washing frequency of the individual.

Step 1 - Plotly.js

Use Plotly.js to build interactive charts for dashboard.

  • Create a PIE chart that uses data from samples route (/samples/<sample>) to display the top 10 samples.

    • Use sample_values as the values for the PIE chart

    • Use otu_ids as the labels for the pie chart

    • Use otu_labels as the hovertext for the chart

    PIE Chart

  • Create a Bubble Chart that uses data from samples route (/samples/<sample>) to display 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

    Bubble Chart

  • Display the sample metadata from the route /metadata/<sample>

    • Display each key/value pair from the metadata JSON object somewhere on the page
  • Update all of the plots any time that a new sample is selected.

Step 2 - Heroku

Deploy Flask app to Heroku.

  • Use the provided sqlite file for the database.

Flask API

Flask API starter code to serve the data needed for your plots.

  • Test routes by visiting each one in the browser.