This project is part of the Data Analytics Bootcamp at University of Oregon.
The purpose of this assignment is to read in a JSON file of bacterial data and interpret that data using Plotly and Javascript. I have created a horizontal bar chart, a bubble chart, and a gauge chart, with a customized dashboard in order to identify the top 10 bacterial species found in belly buttons. If Improbable Beef identifies a species of navel bacteria as a candidate to manufacture synthetic beef, they can be identified with these visualizations.
- Plotly
- Javascript
- APIs
- JSON
Using JavaScript, Plotly, and D3.js, I have created a horizontal bar chart to display the top 10 bacterial species (OTUs) when an individual's ID is selected from the dropdown menu on the weboage. The horizontal bar chart displays the sample values as the values, the OTU IDs as the labels, and the OTU labels as the hover text for the bars on the chart.
Using JavaScript, Plotly, and D3.js, I have created a bubble chart that displays the OTU IDs as the axis values when an individual's ID is selected from the dropdown menu webpage. It also displays the sample values as the y-axis values, the sample values as the marker size, the OTU IDs as the marker colors and the OTU labels as the hover-text values.
Using JavaScript, Plotly and D3.js, I have created a gauge chart that displays the weekly washing frequency's value, and displays 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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent