STORYTELLING WITH DATAVIS · INFOVIS 8803DV > SPRING 17 STORYTELLING WITH DATAVIS Prof. Rahul C....
Transcript of STORYTELLING WITH DATAVIS · INFOVIS 8803DV > SPRING 17 STORYTELLING WITH DATAVIS Prof. Rahul C....
INFOVIS8803DV > SPRING 17
STORYTELLING WITH DATAVIS
Prof. Rahul C. Basole
CS/MGT 8803-DV > March 1, 2017
INFOVIS8803DV > SPRING 17
Recall
• There are two main uses of DataVis
– Analysis – Understand your data better and act upon that understanding
– Presentation – Communicate and inform others more effectively
• Today we look more at the second one
INFOVIS8803DV > SPRING 17
Telling Stories
• Data visualization can help to communicate ideas, summarize,
influence, unite, explain, persuade
• Visuals can serve as evidence or support
INFOVIS8803DV > SPRING 17
“Snake oil? Scientific evidence for
health supplements. Only large,
human, randomized placebo-
controlled trials in our data scrape –
wherever possible. No animal trials.
No cell studies.
We looked at the abstracts of over
1500 studies on PubMed (run by US
National Library Of Medicine) and
Cochrane.org (which hosts meta-
studies of scientific research). It took
us several months to seek out the
evidence – or lack of.”
http://www.flickr.com/photos/25541021@N00/4389773258/
INFOVIS8803DV > SPRING 17
A Famous Example
http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
Hans Rosling
Gapminder
2006
INFOVIS8803DV > SPRING 17
They Had Him Back
http://www.ted.com/index.php/talks/hans_rosling_reveals_new_insights_on_poverty.html
2007
INFOVIS8803DV > SPRING 17
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
Segel & Heer
TVCG (InfoVis) ‘10
Storytelling and visual expression are integral parts
of human culture; storytelling has even been
referred to as “the world’s second-oldest
profession”.
INFOVIS8803DV > SPRING 17
http://thedinfographics.com/2011/11/16/obesity-in-america-facts-statistics-and-lies/
INFOVIS8803DV > SPRING 17
http://www.informationisbeautiful.net/visualizations/left-vs-right-us/
INFOVIS8803DV > SPRING 17 NY Times 2006
INFOVIS8803DV > SPRING 17
Design Space
• Genre (next slide)
• Visual Narrative
– Visual structuring
– Highlighting
– Transition Guidance
• Narrative Structure
– Ordering
– Interactivity
– Messaging
INFOVIS8803DV > SPRING 17
Genres
“Though each of these genres can be used to tell a story, we note that different genres work better
for different story types.”
Choosing Genre depends on:
- Complexity of Data
- Complexity of Story
- Intended Audience
- Intended Medium
INFOVIS8803DV > SPRING 17
Observations
• Clusters of different ordering structures
• Consistency of interaction design
• Under-utilization of narrative messaging
INFOVIS8803DV > SPRING 17
Approach
• Author-driven vs. reader-driven
• Common patterns
– Martini glass
– Interactive slideshow
– Drill-down story
INFOVIS8803DV > SPRING 17
Journalism Angle
http://datadrivenjournalism.net
INFOVIS8803DV > SPRING 17
Narratology
http://thevcl.com/storytelling/docs/jessica_hullman.pdf
INFOVIS8803DV > SPRING 17
Contextifier
https://www.youtube.com/watch?v=VjN29Q6DQwA
http://www.nickdiakopoulos.com/wp-content/uploads/2011/07/contextifier.pdf
INFOVIS8803DV > SPRING 17
Powerpoint Alternative
INFOVIS8803DV > SPRING 17
News Stories
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002w4
INFOVIS8803DV > SPRING 17
An Inconvenient Truth
Al Gore made extensive
use of data graphics
INFOVIS8803DV > SPRING 17
Mariano Rivera
http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?ref=magazine&_r=0
INFOVIS8803DV > SPRING 17
Casualties of War
http://www.cnn.com/homeandaway
INFOVIS8803DV > SPRING 17
Drone Strikes
http://drones.pitchinteractive.com/
INFOVIS8803DV > SPRING 17
http://www.fallen.io/ww2/
INFOVIS8803DV > SPRING 17
https://www.bloomberg.com/graphics/2015-whats-warming-the-world/
INFOVIS8803DV > SPRING 17
https://www.bloomberg.com/graphics/dataview/bubble-to-bust-to-recovery/
INFOVIS8803DV > SPRING 17
Tableau Storypoints
http://public.tableau.com/views/MinimumWage_3/MinimumWage-
StoryPointsEdition?:showVizHome=no
Textual narrative, slides
with titles as breadcrumbs,
element highlighting, and
textual annotation on the
chart
INFOVIS8803DV > SPRING 17
https://www.nytimes.com/interactive/2015/01/29/sunday-review/road-map-
home-values-street-names.html?_r=0
INFOVIS8803DV > SPRING 17
https://www.bloomberg.com/graphics/2015-auto-sales/
Page scroller, text
annotations, rearranging
glyphs
INFOVIS8803DV > SPRING 17
https://qz.com/296941/interactive-graphic-every-active-satellite-orbiting-earth/
INFOVIS8803DV > SPRING 17
http://www.facesoffracking.org/data-visualization/
INFOVIS8803DV > SPRING 17
http://mbtaviz.github.io/
INFOVIS8803DV > SPRING 17
https://datausa.io/
INFOVIS8803DV > SPRING 17
http://www.r2d3.us/visual-intro-to-machine-learning-part-1/
https://www.youtube.com/watch?v=Z4tB6qyxHJA
INFOVIS8803DV > SPRING 17
Data Matters
http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.htmlDavid
McCandless
INFOVIS8803DV > SPRING 17
McCandless Website
http://www.informationisbeautiful.net/