In this repo I demonstrate techniques using HTML, CSS, Javascript, and Plotly (a javascript plotting library), working with data set on belly button and the bacteria found on individuals. The end result is a webpage published for user to pick and choose samples of data to see multiple data dimensions of the data. The data source was presented in an anonymized format with metadata of the user, and detailed data of his or her bacteria.
- use javascript to filter only top 10 bacterial species in a bar chart as selected
- show demographics of the selected
- show bubble chart for each sample of otu bacteria as selected
- default load user id 940
- display gauge chart on wash frequency of selected
I've discovered some interesting datapoints once the webpage is built. It allowed me to quickly review data in different areas on several individuals. Because of this, I was able to have a better view of the data. The bubble chart while useful, should probably be updated to use different axis and dimension. It was done according to coursework requirement. Additionally, while plotly library is an easy to use library, I did find some aesthetics details difficult to overcome. Lastly, I've discovered javascript's asynchronous nature during coding, the code probably can be optimized in many ways.