An open API service indexing awesome lists of open source software.

https://github.com/ejw-data/plotly-dashboard-patient-data

Example of javascript dashboard that utilizes Plotly. All data comes from a json file.
https://github.com/ejw-data/plotly-dashboard-patient-data

dashboard html-css-javascript plotly python

Last synced: about 1 month ago
JSON representation

Example of javascript dashboard that utilizes Plotly. All data comes from a json file.

Awesome Lists containing this project

README

          

# plotly-dashboard-patient-data

Author: Erin James Wills, ejw.data@gmail.com

![Patient Bacteria Study](./config/images/patient-dashboard-plotly.png)
Photo by [CDC](https://unsplash.com/@cdc?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/bacteria?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

## Overview


This repo is a personal project of a Plotly javascript dashboard that updates based on the dropdown selection.


## Github Pages

https://ejw-data.github.io/plotly-dashboard-patient-data/index.html


## Technologies
* HTML/CSS/JS
* Plotly.js


## Data Source

Hulcr, J. et al. (2012) A Jungle in There: Bacteria in Belly Buttons are Highly Diverse, but Predictable. Retrieved from: http://robdunnlab.com/projects/belly-button-biodiversity/results-and-data/


## Setup and Installation
1. Clone the repo to your local machine
1. Open repo folder in an IDE like VSCode
1. Using a virtual server like the VSCode extention LiveServer
1. Run `index.html`


## Example

![Plotly Dashboard with Dropdown Selection](./config/images/dashboard1.JPG)