yempi / plotly_deploy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

plotly_deploy

Overview

This project allows to visualize via graph charts the information in a belly button bacteria research project, taking parameters such as washing frequency, bacteria cultures found and bacteria cultures per sample. These parameters are displayed in dynamic tables in order to keep a better look of the data recollected.

How to use the web page

By entering https://yempi.github.io/plotly_deploy/ you will see this page Screen Shot 2022-03-27 at 8 19 12 PM in the left side of the website is the search tab for test subject ID number, you select the one you want to visualize and get the information for this subject (ethnicity, age, location, etc.) and its results.

For example, if I want to visualize subject #972 data I simply select it in the box and this will pop up:

  • Her demographic info

Screen Shot 2022-03-27 at 8 22 16 PM

  • A bar chart with the top 10 bacteria cultures found in her belly button

Screen Shot 2022-03-27 at 8 22 21 PM

  • A gauge chart indicating how many times per week she cleans her belly button

Screen Shot 2022-03-27 at 8 22 26 PM

  • A bubble chart with the bacteria cultures per sample

Screen Shot 2022-03-27 at 8 22 33 PM

Resources

  • Software

    • Visual Studio 1.65.2
    • Chrome Developer Tools
    • Github Pages
  • Data

    • samples.json

About


Languages

Language:JavaScript 70.3%Language:HTML 29.7%