Skip to content

Build an interactive dashboard to explore the Belly Button Biodiversity dataset, which catalogues the microbes that colonize human navels by using Plotly and D3.js libraries.

kk-deng/Biodiversity-Dashboard-Plotly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Belly Button Biodiversity Dashboard

Build an interactive dashboard to explore the Belly Button Biodiversity dataset, which catalogs the microbes that colonize human navels by using Plotly and D3.js libraries.

Plotly-Challenge Dashboard Github Page

Files Index

Following files are attached:

  1. index.html: Main page with an interactive dashboard

  2. app.js: Main JavaScript file for handling and displaying data.

  3. bonus.js: Bonus JavaScript file for two types of gauge chart.

Summary of features

Hulcr, J. et al.(2012) A Jungle in There: Bacteria in Belly Buttons are Highly Diverse, but Predictable. Retrieved from: http://robdunnlab.com/projects/belly-button-biodiversity/results-and-data/

  • A dropdown menu with all samples from the data

  • A horizontal bar chart

  • A bubble chart

  • Demographic information from the sample

  • A checkbox which allows user to choose between Old and New gauge chart style (Style will be applied after selecting a new sample)

Bonus

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

View Screenshots

  • Dashboard page with 940 as the default sample (Old gauge chart style)

  • Dashboard page with 940 as the default sample (NEW gauge chart style)

About

Build an interactive dashboard to explore the Belly Button Biodiversity dataset, which catalogues the microbes that colonize human navels by using Plotly and D3.js libraries.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published