ItsGreyedOut/Belly-Button-Biodiversity

This project I’ll use a new plotting tool, Plotly. Why use Plotly instead of Matplotlib or another library? While Plotly.js is not necessarily "better" than Matplotlib or another plotting library, it is useful for a variety of reasons! Plotly is also incredibly popular in the data community. Plotly.js uses both D3.js and WebGL to render graphics, works with JSON schema, and supports a large variety of map charts, from basic to statistical, financial, and scientific!

Belly Button Biodiversity

This is 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.

Overview

I used the D3 library to read in samples.json then created a horizontal bar chart with a dropdown menu to display the top 10 OTUs found in that individual. Then used sample_values as the values for the bar chart. Next I used otu_ids as the labels for the bar chart and otu_labels as the hovertext for the chart.

Next I created a bubble chart that displays each sample. Then I useD otu_ids for the x values, sample_values for the y values, sample_values for the marker size, otu_ids for the marker colors, and otu_labels for the text values.

I displayed the sample metadata, i.e., an individual's demographic information. Then displayed each key-value pair from the metadata JSON object somewhere on the page.

I updated all of the plots any time that a new sample is selected.