Storytelling in InfoVis

Transcription

1 Storytelling in InfoVis CS 4460 Intro. to Information Visualization September 2, 2014 John Stasko Purpose Review Two main uses of infovis Analysis Understand your data better and act upon that understanding Presentation Communicate and inform others more effectively Today we look at that second one more Fall 2014 CS

2 Telling Stories Data visualization can help to communicate ideas, summarize, influence, unite, explain, persuade Visuals can serve as evidence or support 3Fall 2014 CS 4460 A Famous Example Hans Rosling Gapminder Fall 2014 CS

3 They Had Him Back Fall 2014 CS Discuss Why has this had such a big impact? Fall 2014 CS

4 InfoGraphics See them everywhere today Perhaps a good example of infovis for presentation purposes Typically not interactive though Fall 2014 CS Fall 2014 CS

5 Fall 2014 CS Fall 2014 CS

6 Fall 2014 CS Fall 2014 CS

7 A Lead Paper Segel & Heer TVCG (InfoVis) 10 Studied storytelling: Described topics as Narrative Visualization How does this differ from traditional forms of storytelling Reviews the design space Characterizes genres Describes a framework Fall 2014 CS Case Studies NY Times 2006 Fall 2014 CS

8 Design Space Dimensions Genre (next slide) Visual Narrative Tactics Visual structuring Highlighting Transition Guidance Narrative Structure (non-visual mechanisms to assist narrative) Ordering Interactivity Messaging Fall 2014 CS Genres Fall 2014 CS

9 Observations Clusters of different ordering structures Consistency of interaction design Under-utilization of narrative messaging Fall 2014 CS Approach Author-driven vs. reader-driven Common patterns Martini glass Interactive slideshow Drill-down story Fall 2014 CS

10 A Hot Topic VisWeek 2010 Workshop Reprised again Fall 2011 Continued papers at later InfoVis Fall 2014 CS Narratology Interesting talk at workshop Jessica Hullman Univ. Michigan Expanded upon in subsequent papers Fall 2014 CS

11 Journalism Angle Fall 2014 CS Data Journalism Handbook Fall 2014 CS

12 Journalism in the Age of Data Video Fall 2014 CS Some Examples Fall 2014 CS

13 News Stories Tufte praises the work of Megan Jaegerman at NY Times Fall 2014 CS An Inconvenient Truth Gore made extensive use of data graphics Fall 2014 CS

14 Job Losses Controversial, see Fall 2014 CS Mariano Rivera Fall 2014 CS

15 Casualties of War Fall 2014 CS The President Going Interactive 2011 State of Union Address Side channel data visualizations accompanied speech Fall 2014 CS

16 Fall 2014 CS Data Matters David McCandless Fall 2014 CS

17 McCandless Website Fall 2014 CS More Visualization Stories Aaron Koblin Fall 2014 CS

18 Back to Where We Started Fall 2014 CS Questions How do these types of visualizations differ from traditional infovis? Fall 2014 CS

19 Questions What is emphasized in presentational infovis versus analytic infovis? Fall 2014 CS My Reflections InfoVis for analysis and presentation are different Apples & oranges (both fruit though) How? Fall 2014 CS

20 HW 1 Discussion Some examples Thoughts Fall 2014 CS Project More topic ideas Team formed? Fall 2014 CS

21 Upcoming Multivariate Data & Table/Graph Design Reading: Munzner chapter 2 Few s Design Guidance Reading: Now You See It, chapters 5-12 Fall 2014 CS