class: center, middle, inverse, title-slide # DSBA 5122: Visual Analytics ## Class 5: Distributions and Uncertainty ### Ryan Wesslen ### February 18, 2019 --- class: center, middle, inverse # Why view Distributions? Cairo Ch. 7 & Wilke Ch. 7 - 9 <img src="../images/slides/01-class/DataSaurusDozen.gif" width="600px" style="display: block; margin: auto;" /> --- class: center, middle .pull-left[ <img src="../images/slides/05-class/cairo.png" width="300px" style="display: block; margin: auto;" /> ] -- .pull-right[ <img src="../images/slides/05-class/cairo2.png" width="280px" style="display: block; margin: auto;" /> ] --- class: center, middle <img src="../images/slides/05-class/cairo3.png" width="600px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke1.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke2.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke3.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke4.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke5.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke6.png" width="500px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke7.png" width="500px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke8.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle .pull-left[ ```r ggplot(df, aes(x, y)) + geom_boxplot() ``` ] .pull-right[ ```r ggplot(df, aes(x, y)) + geom_violin() ``` ] <img src="../images/slides/05-class/wilke9.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke10.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke11.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke12.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke13.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke14.png" width="700px" style="display: block; margin: auto;" /> --- class: center, inverse, middle ## Uncertainty: Cairo Ch. 10 & Wilke Ch. 16 <img src="../images/slides/05-class/xkcd.png" width="400px" style="display: block; margin: auto;" /> xkcd --- class: center, middle <img src="../images/slides/05-class/cairo4.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/cairo5.png" width="650px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/cairo6.png" width="550px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/cairo7.png" width="500px" style="display: block; margin: auto;" /> --- ## Why is visualizing uncertainty hard? - Efficient encodings for uncertainty can be hard to find. <!-- try putting mean, variance, and interval estimation in one plot + doing this when useful channels are already used up --> - Make sure people understand encodings (what does the plot mean?). - Perceptual models of probability (e.g., quantile dot plot, HOP). - Decisions under uncertainty (e.g., [Gigerenzer et al](https://youtu.be/BcMuYhoL38A) or [Monty Hall problem](https://youtu.be/9vRUxbzJZ9Y)). - Findings may not apply in all contexts. - Plus, you still have to actually build it! [Matthew Kay](https://mjskay.github.io/uncertainty-vis-book/ch-why-hard.html) --- class: center, middle <img src="../images/slides/05-class/wilke15.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke16.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke17.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke18.png" width="700px" style="display: block; margin: auto;" /> --- class: center, middle <img src="../images/slides/05-class/wilke19.png" width="600px" style="display: block; margin: auto;" /> <img src="../images/slides/05-class/wilke20.png" width="600px" style="display: block; margin: auto;" />