nazanin-hub / belly_button_biodiversity

Built an interactive dashboard to explore the Belly Button Biodiversity Data Set using JavaScript, Plotly, D3, HTML, CSS, and Bootstrap.

Belly_Button_Biodiversity

Build an interactive dashboard to explore the Belly Button Biodiversity Data Set using JavaScript, Plotly, D3, HTML, CSS, and Bootstrap.

Project Overview:

Helping Roza who is a biological researcher to build an interactive dashboard to visualize the bacterial data for each volunteer. I used JavaScript, Plotly, and D3.js to create the following charts:

• Create a Horizontal Bar Chart that displays the top 10 bacterial species (OTUs) when an individual’s ID is selected from the dropdown menu on the webpage.

• create a bubble chart that displays each sample.

• create a gauge chart that displays the weekly washing frequency's value, and display the value as a measure from 0-10 on the progress bar in the gauge chart when an individual ID is selected from the dropdown menu.

Resources

• Data Source: Belly button samples data
• Software: HTML/CSS, JavaScript, Visual Studio Code 1.49.1, BootStrap 3.3.7, D3, Plotly 4.11

Deployment

My webpage is is available at https://nazanin-hub.github.io/Belly_Button_Biodiversity