Download - Understanding through Visualization
![Page 1: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/1.jpg)
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
![Page 2: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/2.jpg)
Embodiment›Outsourcing‹ Thinking
![Page 3: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/3.jpg)
![Page 4: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/4.jpg)
![Page 5: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/seriousbri/4148739768/
![Page 6: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/6.jpg)
Romeo & Juliet at the »Miniature Wonderland« Hamburg
![Page 7: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/7.jpg)
?
![Page 8: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/8.jpg)
Time Table Paris – Lyon E.J. Marey, La Méthode Graphique, 1885
![Page 9: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/9.jpg)
Visualisation & Visual Analytics
![Page 10: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/10.jpg)
Numbers and Maps (fig. E. Tufte, »The Visual Display of Quantitative Information«)
![Page 11: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/11.jpg)
Scatter Chart (fig. E. Tufte, »The Visual Display of Quantitative Information«)
![Page 12: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/12.jpg)
Commercial and Political Atlas William Playfair (1786)
![Page 13: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/13.jpg)
1815 Geological Map of Great Britian William Smith
![Page 14: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/14.jpg)
The London Cholera Map Dr. John Snow (1854)
![Page 15: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/15.jpg)
Diagram of the Causes of Mortality Florence Nightingale (1858)
![Page 16: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/16.jpg)
Visual Narratives
![Page 17: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/17.jpg)
Cave Painting approx. 15 000 - 10 000 v. Chr.
![Page 18: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/18.jpg)
Cave Paintings
![Page 19: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/19.jpg)
Bayeux Tapestry approx. 1.6 x 224.3 ft (50 cm x 70 m) ~1100 AD
![Page 20: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/20.jpg)
Comics Carl Barks, Donald Duck
![Page 21: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/21.jpg)
Comics Scott McCloud »Understanding Comics«
![Page 22: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/22.jpg)
History
![Page 23: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/23.jpg)
From Maps to Charts
![Page 24: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/24.jpg)
Map of the World
![Page 25: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/25.jpg)
Weltanschauung
![Page 26: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/26.jpg)
Map Ebstorf Map of the World (approx. 1300)
![Page 27: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/27.jpg)
Maps of the World
![Page 28: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/28.jpg)
There is no »neutral« way of representation
![Page 29: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/29.jpg)
How To Lie with Maps Map of East Berlin (VEB Tourist Verlag Berlin/Leipzig, 1984)
![Page 30: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/30.jpg)
Map London Underground
![Page 31: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/31.jpg)
Map > Chart: London Underground, 1920
![Page 32: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/32.jpg)
Chart: London Underground Henry Beck, 1931
![Page 33: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/33.jpg)
Chart: London Underground
![Page 34: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/34.jpg)
Again: Map of the London Underground
![Page 35: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/35.jpg)
From Chart to Interactive Infographic: Time Travel Tube Map (Tom Carden)
![Page 36: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/36.jpg)
Micro- and Macroreadings
![Page 37: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/37.jpg)
Map of the World
![Page 38: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/38.jpg)
The Earth at Night
![Page 39: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/39.jpg)
Isometric Map of New York City
![Page 40: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/40.jpg)
Illustrated Maps Shanghai – sh.edushi.com
![Page 41: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/41.jpg)
Illustrated Maps Shanghai – sh.edushi.com
![Page 42: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/42.jpg)
OpenStreetMap
![Page 43: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/43.jpg)
OpenStreetMap - Video
![Page 44: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/44.jpg)
Map? Chart? Combination! Napoleon’s Russian campaign of 1812, by Charles Minard, 1869
![Page 45: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/45.jpg)
»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
![Page 46: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/46.jpg)
Notation
![Page 47: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/47.jpg)
J.S. Bach – Goldberg Variationen Gregorian Notation
![Page 48: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/48.jpg)
»The Art of Dancing« Kellom Tomlinson (1735)
![Page 49: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/49.jpg)
Compositions by Roman Haubenstock-Ramati
![Page 50: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/50.jpg)
Fontana Mix by John Cage
![Page 51: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/51.jpg)
John Cage - Variations
![Page 52: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/52.jpg)
Karlheinz Stockhausen – Studie II
![Page 53: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/53.jpg)
Karlheinz Stockhausen – Licht
![Page 54: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/54.jpg)
Bicycle Built For 2,000 Aaron Koblin & Daniel Massey / Visualization of 2088 Voice Recordings
![Page 55: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/55.jpg)
MACE / mæveUnderstanding Architecture through Visualisationhttp://portal.mace-project.eu
![Page 56: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/56.jpg)
MACE Interfacedesign and Integration of architectural knowledge (databases)
![Page 57: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/57.jpg)
![Page 58: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/58.jpg)
![Page 59: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/59.jpg)
![Page 60: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/60.jpg)
![Page 61: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/61.jpg)
![Page 62: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/62.jpg)
Additional Examples Visualisation and Text
![Page 63: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/63.jpg)
(En)tangled Word Bank Stefanie Posavec & Greg McInerny
![Page 64: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/64.jpg)
(En)tangled Word Bank Stefanie Posavec & Greg McInerny
![Page 65: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/65.jpg)
(En)tangled Word Bank Stefanie Posavec & Greg McInerny
![Page 66: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/66.jpg)
Fernanda Viégas & Martin Wattenberg
![Page 67: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/67.jpg)
History Flow Islam
http://www.research.ibm.com/visual/projects/history_flow/iraq2.htm
![Page 68: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/68.jpg)
History Flow Irag
![Page 69: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/69.jpg)
Foundations for Understanding Shakespeare
![Page 70: Understanding through Visualization](https://reader034.vdocuments.us/reader034/viewer/2022051817/547fbd2eb4af9f29408b4579/html5/thumbnails/70.jpg)
Web Seer http://hint.fm/seer/