rethinking data visualization: from dynamic illustration...

39
Rethinking Data Visualization: From Dynamic Illustration to Analytic Narrative Ruben R. Puentedura, Ph.D.

Upload: others

Post on 31-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Rethinking Data Visualization:From Dynamic Illustration to Analytic Narrative

Ruben R. Puentedura, Ph.D.

Page 2: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Beginnings

Page 3: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 4: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 5: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 6: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 7: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Thoughts from Tufte

Page 8: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

• No more dimensions than the data contains;

• No deceptiveness in proportionality of representation to content;

• No data out of context;

• No unlabeled data.

Integrity

Page 9: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

What Not To Do

Page 10: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

What To Aspire To

Page 11: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

• Avoid chartjunk;

• Maximize the data-to-ink ratio;

• Look for multifaceted representations.

• In particular: look for small multiples.

Excellence

Page 12: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 13: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 14: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 15: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

The Rise of Interactivity

Page 19: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

The Digital Humanities

Page 20: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 21: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 22: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 24: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

The Landscape of Digital Storytelling

Page 25: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

ImageAssembly

SequentialArt

MovingImage

InteractiveMedia

InteractiveFiction

5-Card Nancy Comic Life Premiere Pachyderm Inform 7

Narrative sources;Narrative constraints

Pictorial vocabulary;Narrative transitions;

Text/image integrationCDS Seven Elements;Montage structures

Narrative structures;Narrative flows Ludic elements

Infinite Canvas

Prezi

Page 26: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Analytic Narrative

Page 27: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 33: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Three Key Frameworks from Scott McCloud

Page 34: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 35: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 36: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration
Page 37: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Sources

• David Whitehouse, “Ice Age Star Map Discovered”. (2000) Online at: http://news.bbc.co.uk/2/hi/science/nature/871930.stm

• Laurent Laveder, “Night Shinings”. (2008) Online at: http://antwrp.gsfc.nasa.gov/apod/ap080702.html

• Pilar Utrilla et al., “A palaeolithic map from 13,660 calBP: engraved stone blocks from the Late Magdalenian in Abauntz Cave (Navarra, Spain)”. Journal of Human Evolution 57.2: 99-111. (2009)

• E.R. Tufte, The Visual Display of Quantitative Information. Cheshire, Connecticut: Graphics Press. (1983)

• Andrew Gelman, “Hard Sell for Bayes”. (2009) Online at:http://www.stat.columbia.edu/~cook/movabletype/archives/2009/07/hard_sell_for_b.html

• E.R. Tufte, Beautiful Evidence. Cheshire, Connecticut: Graphics Press. (2006)

• Franco Moretti. Graphs, Maps, Trees. London: Verso. (2007)

• Edward L. Ayers, The Valley of the Shadow: Two Communities in the American Civil War. Online at: http://valley.lib.virginia.edu/ (2007)

• Ruben R. Puentedura, “The Infinite Canvas Reloaded: Digital Storytelling, Webcomics, and Web 2.0”. To be published in: 2009 NMC Summer Conference Proceedings. (2010)

• Scott McCloud. Understanding Comics. New York: HarperCollins. (1993)

Page 38: Rethinking Data Visualization: From Dynamic Illustration ...hippasus.com/resources/swarthmore2010/1_RethinkingVisualization.pdfRethinking Data Visualization: From Dynamic Illustration

Analytic Narrative Examples and Tools

• David Rumsey Historical Map Collection: http://www.davidrumsey.com/

• MapLib.net: http://maplib.net/

• Heilbrunn Timeline of Art History: http://www.metmuseum.org/toah/

• TimeRime.com: http://timerime.com/

• Visualcomplexity.com: http://www.visualcomplexity.com/vc/

• bubbl.us: http://bubbl.us/

• Wolfram Demonstrations Project: http://demonstrations.wolfram.com/

• Wolfram|Alpha: http://www.wolframalpha.com/

• Visual Literacy: An E-Learning Tutorial: http://www.visual-literacy.org/

• Many Eyes: http://manyeyes.alphaworks.ibm.com/manyeyes/