121121_graphic_vis_2_120dpi
-
Upload
christianupmeier -
Category
Documents
-
view
544 -
download
0
Transcript of 121121_graphic_vis_2_120dpi
![Page 1: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/1.jpg)
Graphical aspects of visualization II
![Page 2: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/2.jpg)
Above all elseshow the data.Tufte, 1983
![Page 3: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/3.jpg)
Edward Tufte: ›The visual display of quantitative Information‹, 1983
![Page 4: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/4.jpg)
90Visualisierung¶
·presentquantitiesdirectlyproportionaltothenumbersrepresented
·applyclear,detailedlabelingpreferablyinthegraphicitself
·showdatavariations,notdesignvariations
·thenumberofvisuallydefineddimensionsinthegraphicshouldequalthenumberofdimensionsinthedata
(abbreviated)
Edward Tufte: Graphical Integrity ¶
Time Magazine: Ölpreisanstieg, 1979; aus Tufte: ›The visual display of quantitative Information‹
![Page 5: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/5.jpg)
New York Times, 2009 (interactive): How Different Groups Spend Their Day in 2008
![Page 6: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/6.jpg)
New York Times, 2009 (interactive): How Different Groups Spend Their Day in 2008
![Page 7: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/7.jpg)
John Snow (dot map): Deaths from Cholera in Central London, 1854
![Page 8: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/8.jpg)
John Snow: Deaths from Cholera. Two aggregations over timeGruppierungen in der Zeit verändern die Aussage. (redrawn Tufte)
Other example for aggregation over time (redrawn Tufte)
![Page 9: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/9.jpg)
Mathew Bloch; New York Times: Zwangsenteignungen in New York Region 2005–08, 2010 (interactive)
![Page 10: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/10.jpg)
Kartogramme —maps with data
![Page 11: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/11.jpg)
Martin Waldseemüller: Globussegemente aus Cosmographiae Introductio, 1507 (erste Nennung Americas)
![Page 12: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/12.jpg)
Satellitenweltkarte nach Mercator Projektion(Gerardus Mercator 1512–1594)
![Page 13: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/13.jpg)
Jost Murers: Karte des Zürichgaus, 1566; Holztafeldruck; Schattenschraffuren; Seitenansicht
![Page 14: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/14.jpg)
Michel Turgot/Louis Bretez: Plan de Paris, 1739; Holztafeldruck; Schattenschraffuren; Seitenansicht
Constantine Anderson: Isometric map of midtown Manhattan, 1989; The Manhattan map company
![Page 15: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/15.jpg)
Google Maps, 2012
![Page 16: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/16.jpg)
Use of color
![Page 17: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/17.jpg)
aus: Josef Albers: Interaction of color, 1963
Same color is influenced by different surrounding colors
![Page 18: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/18.jpg)
aus: Josef Albers: Interaction of color, 1963
Contrasting hues (Farbton) and similar lightness (Hell- Dunkelstufe) create visual vibration
![Page 19: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/19.jpg)
aus: Josef Albers: Interaction of color, 1963
Colors of similar lightness next to one another, are less distinguishable, even if they differ in saturation or hue.
![Page 20: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/20.jpg)
·avoidbrightorstrongcolorsinlargeareas;usethemforhighlightingimportantdetails
·avoidbrightcolorsnexttowhite(visualvibration)
·usemutedorsubtlecolorsonbackgroundsandlargeareas
·unitetwoormorelargeandenclosedcolorareasusingtintsofthesamecolor
QUADRAAT(FREDSMEIJERS1995)
106Use of Color in Cartography¶Visualization¶
Eduard Imhof: Cartographic Relief Presentation. Berlin, 1982(nach Tufte: ›Envisioning Information‹, 1990)
![Page 21: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/21.jpg)
Landeskarte der Schweiz 1 : 100 000, 1965 Eduard Imhof: Schweizerischer Mittelschulatlas, Kartendarstellung Frankreich 1 : 4 000 000
![Page 22: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/22.jpg)
Charles Joseph Minard: Weinexport Frankreich, 1864; Illustration from ›Envisioning Information‹ (Redesign)
![Page 23: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/23.jpg)
Charles Joseph Minard (flow map): World immigration in 1858, 1862
1500 Personen = 1 Millimeter
![Page 24: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/24.jpg)
Santos Henarejos (Detail): Supplies Unchained, Makeshift Magazine 02, 2012
![Page 25: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/25.jpg)
Santos Henarejos: Supplies Unchained, Makeshift Magazine 02, 2012
![Page 26: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/26.jpg)
Vincent Meertens: Time maps, 2010 (interactive)
![Page 27: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/27.jpg)
Use of shapes and lines
![Page 28: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/28.jpg)
Edward Tufte: Marshalling signals, 1983; Illustration from ›Envisioning Information‹ ( Redesign)
![Page 29: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/29.jpg)
·1+1=3·Visualperceptionactively
constructsmeaning
115Use of shapes and lines ¶Visualization¶
Gaetano Kanizsa: Cognitive Contours, 1974(nach Tufte: ›Envisioning Information‹, 1990)
Gestalt psychology (Max Wertheimer, Kurt Koffka, Wolfgang Köhler); frist half of 20th century
Gesetz der Geschlossenheit
![Page 30: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/30.jpg)
116Use of shapes and lines ¶Visualization¶
Gestalt psychology (Max Wertheimer, Kurt Koffka, Wolfgang Köhler) frist half of 20th century
Gesetz der Nähe
Gesetz der Ähnlichkeit/Gleichheit
Gesetz der guten Fortsetzung
![Page 31: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/31.jpg)
![Page 32: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/32.jpg)
Masaru Kazumie: Piktograms Olympic Games Tokyo 1964
![Page 33: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/33.jpg)
Western Europe Recommended Main International Highways, 1948 > Figur und Grund-Problem
![Page 34: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/34.jpg)
Tschechoslowakische Luftverkehrsgesell.: Flugplan, 1933; > zeigt zeitliche und räumliche Bezüge
![Page 35: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/35.jpg)
It might be possible to tidy it up.Beck, 1968
![Page 36: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/36.jpg)
Quad royal map, 1926 Beck’s first card folder edition, 1933
![Page 37: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/37.jpg)
Four main Underground railways: First combined map, 1906
![Page 38: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/38.jpg)
F. H. Stingemore: Underground card folder, 1926
![Page 39: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/39.jpg)
F. H. Stingemore: Underground card folder, 1932
![Page 40: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/40.jpg)
Harry C. Beck : Presentation Visual of a first diagram, 1931
![Page 41: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/41.jpg)
Harry C. Beck : First quad poster of the diagram, 1933
![Page 42: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/42.jpg)
Harry C. Beck : Quad poster of the diagram, 1935
![Page 43: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/43.jpg)
Harry C. Beck : Formal variations of the diagram, 1937–54
1937 1940 1954
![Page 44: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/44.jpg)
Harry C. Beck (not commissoned anymore): Pencil sketches on two complex interchanges, 1961
![Page 45: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/45.jpg)
Internal diagram with planned lines, 1994
![Page 46: 121121_graphic_vis_2_120dpi](https://reader033.fdocuments.in/reader033/viewer/2022051816/5451c766af79591d308b4b1f/html5/thumbnails/46.jpg)
132Corporate Identity ¶ Schema ¶
Hans P. Brandt; Jancees van Westering: ›Form fabricates function‹. in: Total Identity. Amsterdam, 2003
Suggested readings• EdwardTufte:The visual display of Quantitative Information. Cheshire,1983• EdwardTufte:Envisioning Information. Cheshire,1990
Links• https://adobe.kuler.com