miwermi / biodiversity-dashboard

Interactive dashboard with 3 plotly charts and an info div of JSON data which updates with user input.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Belly Button Biodiversity Dashboard


button: go to the dashboard

Use the button above to navigate to the live dashboard on github pages at: https://miwermi.github.io/biodiversity-dashboard/

About this project...

Using Javascript -- plotly and D3.js -- as well as HTML and CSS, I have created an interactive dashboard of data from a JSON file collected during a belly button bacteria experiment. The dashboard allows a user to select a particular row of data from the dataset pertaining to particular test subject. By chosing a test subject ID from the a dropdown, 4 different charts on the page are updated: a description of the subject, a bar chart of the top 10 bacteria OTUs, their belly button washing frequency in a gauge chart, and a bubble chart clustering the bacteria by size and coloring each OTU set similarly.

Screenshot below:

graphic: screenshot

About

Interactive dashboard with 3 plotly charts and an info div of JSON data which updates with user input.


Languages

Language:JavaScript 78.6%Language:HTML 21.4%