Skip to content

Explore belly-button biodiversity with an interactive dashboard.

Notifications You must be signed in to change notification settings

delacruzfranklyn93/Belly_Button_Biodiversity

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Exploring Belly Button Biodiversity via an Interactive Dashboard.

Summary:

The purpose of this project is to create an interactive dashboard that allows the user to explore 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.

Tools Used: D3, Plotly, Bootstrap

Link for interactive dashboard: https://delacruzfranklyn93.github.io/Belly_Button_Biodiversity/

Dataset Link: http://robdunnlab.com/projects/belly-button-biodiversity/results-and-data/

Steps:

  1. Drop down and Demographics panel: The first step was to add all the IDs to the “Test Subject ID No” dropdown so that the user can select which ID they would like to look at and so we can use that ID to parse out the information that we need from our data json file. I then use the ID to filter out the metadata pertaining to the selected ID and stored it in an object. I then used d3 to select the panel-body class in my index.html where I used a forEach statement to iterate through the object and append the data to the demographics panel.

drop_down

  1. Horizontal bar chart and Bubble Chart: To create the horizontal chart, I first filtered the JSON data by the current ID that the user has selected. I then created a trace for the chart with the top 10 sample values as the x and the OTU IDs as the y. I then used Plotly to create the bar chart. I followed the same steps above to create the bubble chart.

h_chart

bubble_chart

  1. Gauge chart: To create the gauge chart, I first created my pie chart which would have the gradient colors and labels from lowest to highest frequency washings per week. I then proceeded to create my needle by created several SVG paths that would draw the needle and that correlate with the washing frequency of a subject. I then created a function that would use a switch statement to select the correct path drawing for the needle depending on the number of washing frequency. .

gauge_chart

About

Explore belly-button biodiversity with an interactive dashboard.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published