class: center, middle, inverse, title-slide # Leverage visuals ## <br><br> What they forgot to teach you<br>about <em>teaching</em> R ### <a href="https://wtf-teach.netlify.app/">wtf-teach.netlify.app</a> --- layout: true <div class="my-footer"> <span> <a href="http://wtf-teach.netlify.app/" target="_blank">wtf-teach.netlify.app</a> </span> </div> --- ## Welcoming first exposure .pull-left[ <img src="images/dplyr_mutate.png" width="100%" style="display: block; margin: auto;" /> ] .pull-right[ <img src="images/ggplot2_exploration_es.png" width="100%" style="display: block; margin: auto;" /> ] .footnote[ .small[ https://github.com/allisonhorst/stats-illustrations ] ] --- ## Visual explanations <img src="images/pepper-list.png" width="50%" style="display: block; margin: auto;" /> .footnote[ .small[ https://twitter.com/hadleywickham/status/643381054758363136 ] ] --- ## Visual incrementals with [**xaringanExtra** panels](https://pkg.garrickadenbuie.com/xaringanExtra/#/panelset) .center[ <iframe src="https://rstudio-education.github.io/datascience-box/course-materials/slides/u2-d02-ggplot2/u2-d02-ggplot2.html#7" width="672px" height="379px" allowfullscreen> </iframe> ] --- ## Annotate, annotate, annotate <img src="images/tour-r-rstudio.png" width="80%" style="display: block; margin: auto;" /> --- ## Think beyond the visual... <img src="images/beyond-visual.png" width="30%" style="display: block; margin: auto;" /> .footnote[ .small[ https://twitter.com/KStackWhitney/status/1143497505654677504 ] ]