class: center, middle, inverse, title-slide # Lec12: Scrollytelling ## Stat41: Data Viz ### Prof Amanda Luby ### Swarthmore College --- # Today: (1) Scrolling vs Clicking vs Seeing Everything at Once (5 + 5) (2) Find the perfect interactive visualization (15+10) (3) Short Demo in R (4) A few better (and more involved) examples in R --- # A few reminders (1) No lab today; office hours in our 1-2 block -- (2) I'm working on grading Project 2's and late Milestone 2's -- (3) Milestone 3: Rough Draft due on **Sunday** -- (4) Project 3 also due on Sunday -- (5) Every final project will meet with me on either Tues or Wed next week (calendar released on Monday) -- (6) Final project presentations/demos on Thursday (schedule released on Monday or Tuesday). 5 minute limit, can pre-record if you prefer. -- (7) All missing work/re-submissions must be turned in by midnight on Thurs --- # Scrolling vs Clicking vs Everything at Once On your jamboards, (mostly) examples we've discussed before + Let's free congress (scrolling) + Election maps are everywhere (clicking) + COVID-19 Futures (scrolling + interactive) + Utah's COVID dashboard (everything at once) --- class: center, middle, inverse ### Find me the perfect interactive visualization! --- ## In your groups: Use the internet to try to find an example we *haven't* talked about in class. + NYT + The Pudding + FiveThirtyEight + Search "scrollytelling" or "interactive essay" Can be anywhere on the exploration <-> explanation spectrum, animated or interactive, scrolly or clicky. Each group will justify choice, and at the end *there will be a vote!* The winning team gets first pick of meeting slots with me next week. --- # A rudimentary example in R A [**Penguins Exploration**](https://aluby.domains.swarthmore.edu/stat041/Lectures/Lec12-scrolly.html) --- class:middle .pull-left[ ### Pros of this approach: + Built-in RMD template + No shiny backend + Easy ] -- .pull-right[ ### Cons of this approach: + Kind of ugly + Hard to customize with usual tools + Need "hacky" solutions to get it to work ] --- # Some (better) examples using Shiny + 1992 Dream Team: [App](https://sdavis.shinyapps.io/dream_team/) [Code](https://github.com/scottyd22/dream_team/blob/master/app.R) + Automation and it's Impact on Jobs: [App](https://connorrothschild.shinyapps.io/automation/) [Code](https://github.com/connorrothschild/shiny-scrollytell) + 9 Months of TidyTuesday: [App](https://shiny.john-coene.com/scrollytell/) [Code](https://github.com/JohnCoene/scrollytell)