Understanding through Visualization

Understanding through VisualisationMaking Sense of the World through Visual Analysis and Narration

Stephan Thielwww.stephanthiel.com

Prof. Boris Müllerwww.esono.comInterface Design Programme / University of Applied Sciences Potsdamhttp://interface.fh-potsdam.de

Embodiment›Outsourcing‹ Thinking

http://www.flickr.com/photos/seriousbri/4148739768/

Romeo & Juliet at the »Miniature Wonderland« Hamburg

?

Time Table Paris – Lyon E.J. Marey, La Méthode Graphique, 1885

Visualisation & Visual Analytics

Numbers and Maps (fig. E. Tufte, »The Visual Display of Quantitative Information«)

Scatter Chart (fig. E. Tufte, »The Visual Display of Quantitative Information«)

Commercial and Political Atlas William Playfair (1786)

1815 Geological Map of Great Britian William Smith

The London Cholera Map Dr. John Snow (1854)

Diagram of the Causes of Mortality Florence Nightingale (1858)

Visual Narratives

Cave Painting approx. 15 000 - 10 000 v. Chr.

Cave Paintings

Bayeux Tapestry approx. 1.6 x 224.3 ft (50 cm x 70 m) ~1100 AD

Comics Carl Barks, Donald Duck

Comics Scott McCloud »Understanding Comics«

History

From Maps to Charts

Map of the World

Weltanschauung

Map Ebstorf Map of the World (approx. 1300)

Maps of the World

There is no »neutral« way of representation

How To Lie with Maps Map of East Berlin (VEB Tourist Verlag Berlin/Leipzig, 1984)

Map London Underground

Map > Chart: London Underground, 1920

Chart: London Underground Henry Beck, 1931

Chart: London Underground

Again: Map of the London Underground

From Chart to Interactive Infographic: Time Travel Tube Map (Tom Carden)

Micro- and Macroreadings

Map of the World

The Earth at Night

Isometric Map of New York City

Illustrated Maps Shanghai – sh.edushi.com

Illustrated Maps Shanghai – sh.edushi.com

OpenStreetMap

OpenStreetMap - Video

Map? Chart? Combination! Napoleon’s Russian campaign of 1812, by Charles Minard, 1869

»Tufte was lucky the Napoleon march went east, so he could use the left/right reading for his map«Ward Shelley at the Art and Humanities Complex Networks satellite conference

Notation

J.S. Bach – Goldberg Variationen Gregorian Notation

»The Art of Dancing« Kellom Tomlinson (1735)

Compositions by Roman Haubenstock-Ramati

Fontana Mix by John Cage

John Cage - Variations

Karlheinz Stockhausen – Studie II

Karlheinz Stockhausen – Licht

Bicycle Built For 2,000 Aaron Koblin & Daniel Massey / Visualization of 2088 Voice Recordings

MACE / mæveUnderstanding Architecture through Visualisationhttp://portal.mace-project.eu

MACE Interfacedesign and Integration of architectural knowledge (databases)

Additional Examples Visualisation and Text

(En)tangled Word Bank Stefanie Posavec & Greg McInerny

(En)tangled Word Bank Stefanie Posavec & Greg McInerny

(En)tangled Word Bank Stefanie Posavec & Greg McInerny

Fernanda Viégas & Martin Wattenberg

History Flow Islam

http://www.research.ibm.com/visual/projects/history_flow/iraq2.htm

History Flow Irag

Foundations for Understanding Shakespeare

Web Seer http://hint.fm/seer/