Plotly Deployment

This project is part of the Data Analytics Bootcamp at University of Oregon.

Project Objective

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.

Technologies Used

• Plotly
• Javascript
• APIs
• JSON

Project Description

Horizontal Bar Chart

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.

Bubble 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.

Gauge Chart

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.

Customize the Dashboard