Chapter 6 Interactive component

Reader could explore the relation of biofactors to sleep quality by clicking the buttons. Sleep Quality (M) is the metric we defined. In this project, our main concern is how different factors affected sleep quality. Here, we focus on the difference of chemical levels before and after sleep. The key findings are present in the Results section. The User ID is arranged in ascending sleep quality order in convenience of comparing different plots. With the emphasis brought by the interactive transition, readers could easily tell the difference between patterns.

Note: We tried to fix the problem of bar overflowing axis in the sleep quality plot. However, in order to show the negative scale in other plots, we still keep it as it is. We also noticed that sometimes the label will overlap with the label of y-axis.