https://github.com/bishopce16/belly_button_biodiversity

The purpose of this project is an exploration of bacteria culture data with JavaScript, Plotly, Bootstrap, D3.js, HTML, and CSS.
https://github.com/bishopce16/belly_button_biodiversity

bootstrap css html javascript visual-studio-code

Last synced: 21 days ago
JSON representation

The purpose of this project is an exploration of bacteria culture data with JavaScript, Plotly, Bootstrap, D3.js, HTML, and CSS.

• Host: GitHub
• URL: https://github.com/bishopce16/belly_button_biodiversity
• Owner: bishopce16
• Created: 2022-08-26T19:58:24.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-01T22:50:28.000Z (over 2 years ago)
• Last Synced: 2024-11-10T02:25:54.109Z (3 months ago)
• Topics: bootstrap, css, html, javascript, visual-studio-code
• Language: JavaScript
• Homepage:
• Size: 6.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# belly_button_biodiversity

[Deploy Webpage](https://bishopce16.github.io/belly_button_biodiversity/)

## Overview of Project 


The purpose of this project is an exploration of bacteria culture data with JavaScript, Plotly, Bootstrap, D3.js, HTML, and CSS. The data contains a population of 153 subjects/volunteers, and samples (bacteria cultures) from their bellybuttons. Creating an interactive dashboard to visualize the bacteria species from bacteria living on subject’s belly button for potential synthesis aimed at a beef-like taste for meat-less alternative.  Each test subject was given an ID number and may use their ID number from a dropdown menu to see a variety of data:

	* All Bacteria Cultures Found per Sample.

* Top Ten Bacteria Cultures Found per Sample.

* Demographic Information

* Belly Button Wash Frequency (Scrubs per Week)

	

---

## Resource:

Data Sources: samples.json


Tools: Visual Studio Code, HTML, JavaScript, Bootstrap, CSS


 

---

## Results and Summary:


The index.html file was deployed by GitHub pages for the ease of the users, the link is located above the overview of project section.
 

The image of test tubes in the jumbotron was a free stock photo from the [Pexels Website](https://www.pexels.com/), [Photo by Chokniti Khongchum](https://www.pexels.com/photo/laboratory-test-tubes-2280549/). 


![Webpage bellybutton](static/images/webpage_bellybuttons.png)


The demographic information is directly under the pulldown tab to select the test subject id number. A foot note was added to the demographic info “WFREQ is used in the gauge to the right”. The gauge chart displays the belly button washing frequency value. 


![demographicInfo_gauge](static/images/demographicInfo_gauge.png)


The horizontal bar chart contains the top ten bacteria cultures found in the test subject’s sample. 


![top ten bacteria cultures bar_chart](static/images/bar_chart.png)


The bubble chart displays all bacteria cultures per the test subject’s sample. 


![all bacteria samples bubble_chart](static/images/bubble_chart.png)


---