D3 Dashboard (Belly Button Biodiversity) challenge

In this project, I built an interactive dashboard to explore the Belly Button Biodiversity dataset using the D3 library in Javascript. The dashboard will feature a horizontal bar chart with a dropdown menu to display the top 10 OTUs found in an individual, a bubble chart that displays each sample, a display of sample metadata, and a gauge displaying Belly Button washing frequency per test subject. The goal is to update all the plots and the metadata when a new sample is selected.

Link

Technical Skills

• D3 library
• JavaScript
• HTML
• Plotly

Project Parameters

• Use D3 library to read in a JSON file from a specified URL
• Create a horizontal bar chart with a dropdown menu to display the top 10 OTUs found in an 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.
• 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.
• Display the sample metadata, demographic information
• Update all the plots when a new sample is selected
• Deploy the app to a free static page hosting service like GitHub Pages.