Show Don't Tell Workshop Presentation, Malofiej 20

100
Geoff McGhee Malofiej Infographics Workshop March 20, 2012 Infographics for a Post-Flash World

Transcript of Show Don't Tell Workshop Presentation, Malofiej 20

Page 1: Show Don't Tell Workshop Presentation, Malofiej 20

Geoff McGheeMalofiej Infographics WorkshopMarch 20, 2012

Infographics for a Post-Flash World

Page 2: Show Don't Tell Workshop Presentation, Malofiej 20

What Now?

Page 3: Show Don't Tell Workshop Presentation, Malofiej 20
Page 4: Show Don't Tell Workshop Presentation, Malofiej 20
Page 5: Show Don't Tell Workshop Presentation, Malofiej 20
Page 6: Show Don't Tell Workshop Presentation, Malofiej 20
Page 7: Show Don't Tell Workshop Presentation, Malofiej 20
Page 8: Show Don't Tell Workshop Presentation, Malofiej 20
Page 9: Show Don't Tell Workshop Presentation, Malofiej 20

“Members of a digitally savvy humanists argue it is time to stop looking for inspiration in the next political or philosophical "ism" and start exploring how technology is changing our understanding of the liberal arts.

The last frontier is about method, they say, using powerful technologies and vast stores of digitized materials that previous humanities scholars did not have.”

–The New York Times

Page 10: Show Don't Tell Workshop Presentation, Malofiej 20
Page 11: Show Don't Tell Workshop Presentation, Malofiej 20

http://www.stanford.edu/group/toolingup/rplviz/

Visualizing the Enlightenment

“Mapping the Republic of Letters,” Stanford University (2009)

Page 12: Show Don't Tell Workshop Presentation, Malofiej 20

republicofletters.stanford.edu

Page 13: Show Don't Tell Workshop Presentation, Malofiej 20
Page 14: Show Don't Tell Workshop Presentation, Malofiej 20
Page 15: Show Don't Tell Workshop Presentation, Malofiej 20
Page 16: Show Don't Tell Workshop Presentation, Malofiej 20

spatialhistory.stanford.edu

Page 17: Show Don't Tell Workshop Presentation, Malofiej 20
Page 18: Show Don't Tell Workshop Presentation, Malofiej 20
Page 19: Show Don't Tell Workshop Presentation, Malofiej 20

litlab.stanford.edu

Page 20: Show Don't Tell Workshop Presentation, Malofiej 20
Page 21: Show Don't Tell Workshop Presentation, Malofiej 20
Page 22: Show Don't Tell Workshop Presentation, Malofiej 20
Page 23: Show Don't Tell Workshop Presentation, Malofiej 20
Page 24: Show Don't Tell Workshop Presentation, Malofiej 20
Page 25: Show Don't Tell Workshop Presentation, Malofiej 20
Page 26: Show Don't Tell Workshop Presentation, Malofiej 20
Page 27: Show Don't Tell Workshop Presentation, Malofiej 20
Page 28: Show Don't Tell Workshop Presentation, Malofiej 20
Page 29: Show Don't Tell Workshop Presentation, Malofiej 20
Page 30: Show Don't Tell Workshop Presentation, Malofiej 20

ruralwest.stanford.edu/newspapers

Page 31: Show Don't Tell Workshop Presentation, Malofiej 20
Page 32: Show Don't Tell Workshop Presentation, Malofiej 20
Page 33: Show Don't Tell Workshop Presentation, Malofiej 20

New Technologies

Page 34: Show Don't Tell Workshop Presentation, Malofiej 20
Page 35: Show Don't Tell Workshop Presentation, Malofiej 20
Page 36: Show Don't Tell Workshop Presentation, Malofiej 20

NEW New Technologies

Page 37: Show Don't Tell Workshop Presentation, Malofiej 20
Page 38: Show Don't Tell Workshop Presentation, Malofiej 20
Page 39: Show Don't Tell Workshop Presentation, Malofiej 20
Page 40: Show Don't Tell Workshop Presentation, Malofiej 20
Page 41: Show Don't Tell Workshop Presentation, Malofiej 20
Page 42: Show Don't Tell Workshop Presentation, Malofiej 20
Page 43: Show Don't Tell Workshop Presentation, Malofiej 20
Page 44: Show Don't Tell Workshop Presentation, Malofiej 20
Page 45: Show Don't Tell Workshop Presentation, Malofiej 20
Page 46: Show Don't Tell Workshop Presentation, Malofiej 20

What’s Going On Here?

Page 47: Show Don't Tell Workshop Presentation, Malofiej 20
Page 48: Show Don't Tell Workshop Presentation, Malofiej 20
Page 49: Show Don't Tell Workshop Presentation, Malofiej 20
Page 50: Show Don't Tell Workshop Presentation, Malofiej 20

http://mbostock.github.com/d3

Page 51: Show Don't Tell Workshop Presentation, Malofiej 20

Data analysis and prototyping

Page 52: Show Don't Tell Workshop Presentation, Malofiej 20

Data PRE-visualization:Tableau

Page 53: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 54: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 55: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 56: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 57: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 58: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 59: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 60: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 61: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 62: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 63: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

Page 64: Show Don't Tell Workshop Presentation, Malofiej 20

Tableau

http://tableausoftware.com

Page 65: Show Don't Tell Workshop Presentation, Malofiej 20

Data DE-visualization?

Page 66: Show Don't Tell Workshop Presentation, Malofiej 20

Data DE-visualization?“Re-Vision”

Page 67: Show Don't Tell Workshop Presentation, Malofiej 20

“Re-Vision”

Page 68: Show Don't Tell Workshop Presentation, Malofiej 20

“Re-Vision”

Page 69: Show Don't Tell Workshop Presentation, Malofiej 20

“Re-Vision”

Page 70: Show Don't Tell Workshop Presentation, Malofiej 20

“Re-Vision”

Page 71: Show Don't Tell Workshop Presentation, Malofiej 20

Most interesting aspect of re-vision?

Page 72: Show Don't Tell Workshop Presentation, Malofiej 20

Most interesting aspect of re-vision?Getting the raw data from graphics online!

Page 73: Show Don't Tell Workshop Presentation, Malofiej 20
Page 74: Show Don't Tell Workshop Presentation, Malofiej 20

But what about animation?

Page 75: Show Don't Tell Workshop Presentation, Malofiej 20
Page 76: Show Don't Tell Workshop Presentation, Malofiej 20
Page 77: Show Don't Tell Workshop Presentation, Malofiej 20

http://labs.adobe.com/technologies/edge/

Page 78: Show Don't Tell Workshop Presentation, Malofiej 20
Page 79: Show Don't Tell Workshop Presentation, Malofiej 20
Page 80: Show Don't Tell Workshop Presentation, Malofiej 20

http://tumultco.com/hype/

Page 81: Show Don't Tell Workshop Presentation, Malofiej 20

What about maps?

Page 82: Show Don't Tell Workshop Presentation, Malofiej 20
Page 83: Show Don't Tell Workshop Presentation, Malofiej 20

Web Mapping: OpenLayers

Page 84: Show Don't Tell Workshop Presentation, Malofiej 20
Page 85: Show Don't Tell Workshop Presentation, Malofiej 20
Page 86: Show Don't Tell Workshop Presentation, Malofiej 20
Page 87: Show Don't Tell Workshop Presentation, Malofiej 20
Page 88: Show Don't Tell Workshop Presentation, Malofiej 20
Page 89: Show Don't Tell Workshop Presentation, Malofiej 20
Page 90: Show Don't Tell Workshop Presentation, Malofiej 20
Page 91: Show Don't Tell Workshop Presentation, Malofiej 20
Page 92: Show Don't Tell Workshop Presentation, Malofiej 20

Web Mapping: OpenLayers

Page 93: Show Don't Tell Workshop Presentation, Malofiej 20

http://openlayers.org

Page 94: Show Don't Tell Workshop Presentation, Malofiej 20

What about rich media?

Page 95: Show Don't Tell Workshop Presentation, Malofiej 20
Page 96: Show Don't Tell Workshop Presentation, Malofiej 20
Page 97: Show Don't Tell Workshop Presentation, Malofiej 20
Page 98: Show Don't Tell Workshop Presentation, Malofiej 20

http://mozillapopcorn.org

Page 99: Show Don't Tell Workshop Presentation, Malofiej 20

D3 for Interactive Charting

Tableau for Data Exploration

Edge for HTML5 Animation

Hype for HTML5 Animation

OpenLayers for Mapping

MapTiler for Creating Tiles

Popcorn for Rich Media

Tools for a Post-Flash WorldA Selection for Getting Started

http://mbostock.github.com/d3

http://tableausoftware.com

http://labs.adobe.com/technologies/edge/

http://tumultco.com/hype/

http://openlayers.org

http://maptiler.org

http://mozillapopcorn.org

Page 100: Show Don't Tell Workshop Presentation, Malofiej 20

Thanks!

[email protected]: @mcgeoff