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/