Making Sense of the World through Visual Analysis and Narration. A brief historical overview over visualization compiled by Prof. Boris Müller and myself at the Interface design programme of the University of Applied Sciences Potsdam.

1. Understanding through Visualisation
Making Sense of the World through Visual Analysis and Narration
Stephan Thiel
www.stephanthiel.com
Prof. Boris Müller
www.esono.com
Interface Design Programme / University of Applied Sciences Potsdam
http://interface.fh-potsdam.de

2. Embodiment
›Outsourcing‹ Thinking

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

6. Romeo & Juliet at the »Miniature Wonderland« Hamburg

7. ?

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

9. Visualisation & Visual Analytics

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

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

12. Commercial and Political Atlas William Playfair (1786)

13. 1815 Geological Map of Great Britian William Smith

14. The London Cholera Map Dr. John Snow (1854)

15. Diagram of the Causes of Mortality Florence Nightingale (1858)

16. Visual Narratives

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

18. Cave Paintings

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

20. Comics Carl Barks, Donald Duck

21. Comics Scott McCloud »Understanding Comics«

22. History

23. From Maps to Charts

24. Map of the World

25. Weltanschauung

26. Map Ebstorf Map of the World (approx. 1300)

27. Maps of the World

28. There is no »neutral« way of representation

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

30. Map London Underground

31. Map > Chart: London Underground, 1920

32. Chart: London Underground Henry Beck, 1931

33. Chart: London Underground

34. Again: Map of the London Underground

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

36. Micro- and Macroreadings

37. Map of the World

38. The Earth at Night

39. Isometric Map of New York City

40. Illustrated Maps Shanghai – sh.edushi.com

41. Illustrated Maps Shanghai – sh.edushi.com

42. OpenStreetMap

43. OpenStreetMap - Video

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

45. »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

46. Notation

47. J.S. Bach – Goldberg Variationen Gregorian Notation

48. »The Art of Dancing« Kellom Tomlinson (1735)

49. Compositions by Roman Haubenstock-Ramati

50. Fontana Mix by John Cage

51. John Cage - Variations

52. Karlheinz Stockhausen – Studie II

53. Karlheinz Stockhausen – Licht

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

55. MACE / mæve
Understanding Architecture through Visualisation
http://portal.mace-project.eu

56. MACE Interfacedesign and Integration of architectural knowledge (databases)

62. Additional Examples Visualisation and Text

63. (En)tangled Word Bank Stefanie Posavec & Greg McInerny

64. (En)tangled Word Bank Stefanie Posavec & Greg McInerny

65. (En)tangled Word Bank Stefanie Posavec & Greg McInerny

66. Fernanda Viégas & Martin Wattenberg

67. History Flow Islam
http://www.research.ibm.com/visual/projects/history_flow/iraq2.htm

68. History Flow Irag

69. Foundations for Understanding Shakespeare

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