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


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


Telling Stories

• Data visualization can help to communicate ideas, summarize,

influence, unite, explain, persuade

• Visuals can serve as evidence or support


“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/


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


They Had Him Back

http://www.ted.com/index.php/talks/hans_rosling_reveals_new_insights_on_poverty.html

2007


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”.


http://thedinfographics.com/2011/11/16/obesity-in-america-facts-statistics-and-lies/


http://www.informationisbeautiful.net/visualizations/left-vs-right-us/

INFOVIS8803DV > SPRING 17 NY Times 2006


Design Space

• Genre (next slide)

• Visual Narrative

– Visual structuring

– Highlighting

– Transition Guidance

• Narrative Structure

– Ordering

– Interactivity

– Messaging


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


Observations

• Clusters of different ordering structures

• Consistency of interaction design

• Under-utilization of narrative messaging


Approach

• Author-driven vs. reader-driven

• Common patterns

– Martini glass

– Interactive slideshow

– Drill-down story


Journalism Angle

http://datadrivenjournalism.net


Narratology

http://thevcl.com/storytelling/docs/jessica_hullman.pdf


Contextifier

https://www.youtube.com/watch?v=VjN29Q6DQwA

http://www.nickdiakopoulos.com/wp-content/uploads/2011/07/contextifier.pdf

https://www.youtube.com/watch?v=VjN29Q6DQwA

http://www.nickdiakopoulos.com/wp-content/uploads/2011/07/contextifier.pdf


Powerpoint Alternative


News Stories

http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002w4


An Inconvenient Truth

Al Gore made extensive

use of data graphics


Mariano Rivera

http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?ref=magazine&_r=0


Casualties of War

http://www.cnn.com/homeandaway


Drone Strikes

http://drones.pitchinteractive.com/


http://www.fallen.io/ww2/


https://www.bloomberg.com/graphics/2015-whats-warming-the-world/


https://www.bloomberg.com/graphics/dataview/bubble-to-bust-to-recovery/


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


https://www.nytimes.com/interactive/2015/01/29/sunday-review/road-map-

home-values-street-names.html?_r=0


https://www.bloomberg.com/graphics/2015-auto-sales/

Page scroller, text

annotations, rearranging

glyphs


https://qz.com/296941/interactive-graphic-every-active-satellite-orbiting-earth/


http://www.facesoffracking.org/data-visualization/


http://mbtaviz.github.io/


https://datausa.io/


http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

https://www.youtube.com/watch?v=Z4tB6qyxHJA

http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

https://www.youtube.com/watch?v=Z4tB6qyxHJA


Data Matters

http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.htmlDavid

McCandless


McCandless Website

http://www.informationisbeautiful.net/

STORYTELLING WITH DATAVIS · INFOVIS 8803DV > SPRING 17 STORYTELLING WITH DATAVIS Prof. Rahul C....

Documents

Transcript of STORYTELLING WITH DATAVIS · INFOVIS 8803DV > SPRING 17 STORYTELLING WITH DATAVIS Prof. Rahul C....