Your SlideShare is downloading. ×
0
Understanding through VisualisationMaking Sense of the World through Visual Analysis and NarrationStephan Thielwww.stephan...
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 a...
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 Islamhttp://www.research.ibm.com/visual/projects/history_flow/iraq2.htm
History Flow Irag
Foundations for Understanding Shakespeare
Web Seer http://hint.fm/seer/
Understanding through Visualization
Understanding through Visualization
Understanding through Visualization
Understanding through Visualization
Understanding through Visualization
Understanding through Visualization
Understanding through Visualization
Upcoming SlideShare
Loading in...5
×

Understanding through Visualization

733

Published on

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.

Published in: Design, Education, Travel
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
733
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "Understanding through Visualization"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×