项目作者: hakujeric

项目描述 :
Heroku app: https://belly-biod.herokuapp.com/
高级语言: JavaScript
项目地址: git://github.com/hakujeric/Belly-Button-Biodiversity.git
创建时间: 2019-05-17T23:26:15Z
项目社区:https://github.com/hakujeric/Belly-Button-Biodiversity

开源协议:

下载


Belly Button Biodiversity

Bacteria by filterforge.com

In this project, I will build an interactive dashboard to explore the Belly Button Biodiversity DataSet.

Step 1 - Plotly.js

Used Plotly.js to build interactive charts for your dashboard.

  • Create a PIE chart that uses data from your samples route (/samples/<sample>) to display the top 10 samples.

    • Used sample_values as the values for the PIE chart

    • Used otu_ids as the labels for the pie chart

    • Used otu_labels as the hovertext for the chart

    PIE Chart

  • Create a Bubble Chart that uses data from your samples route (/samples/<sample>) to display each sample.

    • Used otu_ids for the x values

    • Used sample_values for the y values

    • Used sample_values for the marker size

    • Used otu_ids for the marker colors

    • Used otu_labels for the text values

    Bubble Chart

  • Display the sample metadata from the route /metadata/<sample>

    • Display each key/value pair from the metadata JSON object somewhere on the page
  • Plots will be updated any time that a new sample is selected.

Example Dashboard Page
Example Dashboard Page

Step 2 - Heroku

Deployed a Flask app to Heroku.


Step 3 - Gauge Chart

  • Adapt the Gauge Chart to plot the Weekly Washing Frequency obtained from the route /wfreq/<sample>

  • Update the chart whenever a new sample is selected

Weekly Washing Frequency Gauge