Belly-Button-Biodiversity

Data Analysis to build an interactive dashboard exploring the Belly Button Biodiversity Dataset using Plotly.js

Please view the live file here: https://nazzy88.github.io/Belly-Button-Biodiversity/

Background

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.

Ojective

Create an interactive visualization using JavaScript to display information about the biodiversity of belly button bacteria on a webpage. The volunteers can look up their individula data by the ID numbers provides to them. The resources provided by GitHib were used to host the files for anyone to view.

Technologies Used

• Javascript

• plotly

• html5

• bootstrap4

• css3

• json

• Data Sources: samples.json, index.html;, plots.js

• Software: VS Code, Google Chrome

Step 1: Plotly

1. Use the D3 library to read in samples.json.

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

3. Create a bubble chart that displays each sample.

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

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

6. Update all of the plots any time that a new sample is selected.

Challenge (Optional)

The following task is advanced and therefore optional.

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

Deployment

Deploy your app to a free static page hosting service, such as GitHub Pages. Submit the links to your deployment and your GitHub repo.

Observations

Use the interactive charts below to explore the dataset. Select a test subject ID number in a dropdown menu to see the relative sample results.

The bubble chart represents a whole range of microbial species found in a sample of a particular test subject. Hovering over each bubble shows bacteria name with its value and its OTU ID number (for better experience, select “Show closest data on hover” tool from a top right corner of a chart). In this study, OTU means operational taxonomic unit.

The bar chart demonstrates 10 dominant microbial species for a selected test subject. Hover over each bar to see scientific name of a bacteria and its sample value.