storytelling in infovis · 1 storytelling in infovis cs 7450 - information visualization september...
TRANSCRIPT
1
Storytelling in InfoVis
CS 7450 - Information Visualization
September 30, 2013
John Stasko
Topic Notes
Purpose
• 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 2013 CS 7450 2
Review
2
Telling Stories
• Data visualization can help to communicate ideas, summarize, influence, unite, explain, persuade
• Visuals can serve as evidence or support
Fall 2013 CS 7450 3
A Famous Example
Fall 2013 CS 7450 4
http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
Hans Rosling Gapminder
2006
3
They Had Him Back
Fall 2013 CS 7450 5
http://www.ted.com/index.php/talks/hans_rosling_reveals_new_insights_on_poverty.html
2007
Discuss
• Why has this had such a big impact?
Fall 2013 CS 7450 6
4
Characterizing the Area
• 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 2013 CS 7450 7
Segel & Heer TVCG (InfoVis) ‘10
Case Studies
Fall 2013 CS 7450 8
NY Times 2006
5
Design Space
• Genre
• Visual Narrative Visual structuring
Highlighting
Transition Guidance
• Narrative Structure Ordering
Interactivity
Messaging
Fall 2013 CS 7450 9
Genres
Fall 2013 CS 7450 10
6
Observations
• Clusters of different ordering structures
• Consistency of interaction design
• Under-utilization of narrative messaging
Fall 2013 CS 7450 11
Approach
• Author-driven vs. reader-driven
• Common patterns
Martini glass
Interactive slideshow
Drill-down story
Fall 2013 CS 7450 12
7
A Hot Topic
Fall 2013 CS 7450 13
http://thevcl.com/storytelling/ http://flowingdata.com/2010/11/11/telling-stories-with-data-a-visweek-2010-workshop/
VisWeek 2010 Workshop Reprised again this fall
Narratology
Fall 2013 CS 7450 14
Interesting talk at workshop Jessica Hullman Univ. Michigan
http://thevcl.com/storytelling/docs/jessica_hullman.pdf
8
Journalism Angle
Fall 2013 CS 7450 15
http://datadrivenjournalism.net
Data Journalism Handbook
Fall 2013 CS 7450 16
http://datajournalismhandbook.org/1.0/en/
9
Journalism in the Age of Data
Fall 2013 CS 7450 17
http://datajournalism.stanford.edu/
Some Examples
Fall 2013 CS 7450 18
10
News Stories
Fall 2013 CS 7450 19
Tufte praises the work of Megan Jaegerman at NY Times
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002w4
An Inconvenient Truth
Fall 2013 CS 7450 20
Gore made extensive use of data graphics
11
Job Losses
Fall 2013 CS 7450 21
Controversial, see http://soquelbythecreek.blogspot.com/2010/02/what-does-obama-job-chart-really-mean.html
Mariano Rivera
Fall 2013 CS 7450 22
http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?ref=multimedia
12
Casualties of War
http://www.cnn.com/homeandaway
Fall 2013 CS 7450 23
VisualEyes
Fall 2013 CS 7450 24
http://www.viseyes.org
13
The President
Going Interactive
Fall 2013 CS 7450 25
2011 State of Union Address
Side channel data visualizations accompanied speech
Fall 2013 CS 7450 26
14
Data Matters
Fall 2013 CS 7450 27
http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html
David McCandless
McCandless Website
Fall 2013 CS 7450 28
http://www.informationisbeautiful.net/
15
More Visualization Stories
Fall 2013 CS 7450 29
Aaron Koblin
http://www.ted.com/talks/aaron_koblin.html
Back to Where We Started
Fall 2013 CS 7450 30
http://www.youtube.com/watch?v=jbkSRLYSojo
16
Questions
• How do these types of visualizations differ from “traditional” infovis?
Fall 2013 CS 7450 31
Questions
• Would you characterize these as information visualizations?
Consider some of the different examples
Fall 2013 CS 7450 32
17
Fall 2013 CS 7450 33
HW 5
• Commercial systems review
Any questions?
• Due next Weds Oct 9
Fall 2013 CS 7450 34
Upcoming
• Tufte’s design principles
• Poster session