https://github.com/shivabajelan/belly-button-biodiversity-dashboard

Belly Button Biodiversity Dashboard is an open-source interactive dashboard that visualises the Belly Button Biodiversity dataset. Built with JavaScript, D3.js, Plotly.js, HTML, and CSS, the dashboard features include a dropdown menu, horizontal bar chart, bubble chart, demographic information display.
https://github.com/shivabajelan/belly-button-biodiversity-dashboard

css d3 dashboard data-visualization html javascript plotly visualization

Last synced: 14 days ago
JSON representation

Belly Button Biodiversity Dashboard is an open-source interactive dashboard that visualises the Belly Button Biodiversity dataset. Built with JavaScript, D3.js, Plotly.js, HTML, and CSS, the dashboard features include a dropdown menu, horizontal bar chart, bubble chart, demographic information display.

• Host: GitHub
• URL: https://github.com/shivabajelan/belly-button-biodiversity-dashboard
• Owner: Shivabajelan
• License: mit
• Created: 2024-02-23T09:16:13.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-05T01:44:52.000Z (8 months ago)
• Last Synced: 2024-10-05T10:58:35.488Z (about 1 month ago)
• Topics: css, d3, dashboard, data-visualization, html, javascript, plotly, visualization
• Language: JavaScript
• Homepage:
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Belly-Button-Biodiversity-Dashboard

An interactive web-based dashboard to explore and visualize the Belly Button Biodiversity dataset, which catalogs the microbes found in human navels.

# Background

The Belly Button Biodiversity dataset reveals that a small handful of microbial species (also called operational taxonomic units or OTUs) are present in more than 70% of people, while the rest are relatively rare. This project creates an interactive dashboard to explore this dataset and visualise the top 10 OTUs found in each individual.

# Features

 - Dropdown menu to select an individual sample

 - Horizontal bar chart displaying the top 10 OTUs for the selected individual

 - Bubble chart displaying all samples for the selected individual

 - Display of the selected individual's demographic information

 - Automatically updates all visualizations when a new sample is selected

![image](https://github.com/Shivabajelan/Belly-Button-Biodiversity-Dashboard/assets/151003203/a95e54b5-9efc-4621-b409-dd78b3252343)

The dataset used in this project is sourced from: https://2u-data-curriculum-team.s3.amazonaws.com/dataviz-classroom/v1.1/14-Interactive-Web-Visualizations/02-Homework/samples.json

# Installation

1. Clone the repository.

2. Open the index.html file in a web browser.

# Usage

Select an individual sample from the dropdown menu to explore its data. The dashboard will automatically update the visualisations with the selected sample's data.

# Deployment

This dashboard is deployed on GitHub Pages.

# Built With

- JavaScript

- D3.js

- Plotly.js

- HTML

- CSS

# License

This project is licensed under the MIT License.