Examples History Introduction Communicate Semiotics Framework Jörg Cassens Tutorial Literatur Data and Process Visualization SoSe 2017 SoSe 2017 Jörg Cassens – Introduction 1 / 85
Outline Examples Examples 1 History Communicate Semiotics History 2 Framework Tutorial 3 Communicate Literatur 4 Semiotics 5 Framework Tutorial 6 SoSe 2017 Jörg Cassens – Introduction 2 / 85
Video 2.1: Transporting Meaning Examples History Communicate Semiotics Framework Tutorial Literatur ☞ ST:VOY S06E20 – The Good Shepherd 2:50 SoSe 2017 Jörg Cassens – Introduction 3 / 85
The Good Shepherd Examples History Communicate Semiotics Framework Discuss Tutorial Literatur SoSe 2017 Jörg Cassens – Introduction 4 / 85
The Good Shepherd Examples History Communicate Semiotics Framework Discuss Tutorial Literatur Visualization of the chain of command SoSe 2017 Jörg Cassens – Introduction 4 / 85
The Good Shepherd Examples History Communicate Semiotics Framework Discuss Tutorial Literatur Visualization of the chain of command What else? SoSe 2017 Jörg Cassens – Introduction 4 / 85
LCARS: Ship Diagrams Examples History Communicate Semiotics Framework Tutorial Literatur ☞ LCARS project SoSe 2017 Jörg Cassens – Introduction 5 / 85
LCARS: Warpcore Controls Examples History Communicate Semiotics Framework Tutorial Literatur ☞ throughthepanes.wordpress.com SoSe 2017 Jörg Cassens – Introduction 6 / 85
Robert de Niro & Rotten Tomatoes Examples History Communicate Semiotics Framework Tutorial Literatur SoSe 2017 Jörg Cassens – Introduction 7 / 85
Movie Narrative Charts Examples History Communicate Semiotics Framework Tutorial Literatur ☞ xkcd: Movie Narrative Charts SoSe 2017 Jörg Cassens – Introduction 8 / 85
Data? Examples History Communicate Semiotics Framework Tutorial Literatur Sources: Anscombe, “Graphs in Statistical Analysis”, as cited by Kirk (2012); Tufe (2001) SoSe 2017 Jörg Cassens – Introduction 10 / 85
Insight Examples History Communicate Semiotics Framework Tutorial Literatur Sources: Anscombe, “Graphs in Statistical Analysis”, as cited by Kirk (2012); Tufe (2001) SoSe 2017 Jörg Cassens – Introduction 11 / 85
Effort Examples History Communicate Semiotics Framework Tutorial Literatur Reordering gives insight (Spence, 2014) SoSe 2017 Jörg Cassens – Introduction 12 / 85
Assignment 2.1: What is Visualization? Group Work Examples History Communicate Semiotics Group work in class Framework Please discuss: what is a visualization? Tutorial Literatur Are there characteristic elements? What is the “visulizationess” of an image? What does it depend on? What is it good for? Can you come up with a definition in 3 sentences? SoSe 2017 Jörg Cassens – Introduction 13 / 85
Outline Examples Examples 1 History Communicate Semiotics History 2 Framework Tutorial 3 Communicate Literatur 4 Semiotics 5 Framework Tutorial 6 SoSe 2017 Jörg Cassens – Introduction 14 / 85
Upper Paleolithic Examples History Communicate Semiotics Framework Tutorial Literatur ☞ Caves of Lascaux – wikipedia SoSe 2017 Jörg Cassens – Introduction 15 / 85
1137 Examples History Communicate Semiotics Framework Tutorial Literatur Map of China with rivers and villages (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 16 / 85
ca 1330 Examples History Communicate Semiotics Framework Tutorial Literatur Map of the Mediterranean (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 17 / 85
1615 Examples History Communicate Semiotics Framework Tutorial Literatur Galileo Galilei: Solar Spots (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 18 / 85
1659 Examples History Communicate Semiotics Framework Tutorial Literatur Christiaan Huygens – Systema Saturnium (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 19 / 85
1786 Examples History Communicate Semiotics Framework Tutorial Literatur Playfair – trade deficits (Source: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 20 / 85
1786 Examples History Communicate Semiotics Framework Tutorial Literatur Playfair – Scottish im- and exports (Source: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 21 / 85
1821 Examples History Communicate Semiotics Framework Tutorial Literatur Playfair – prices, wages, royal reigns (Source: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 22 / 85
1845 Examples History Communicate Semiotics Framework Tutorial Literatur John Snow – Cholera Epidemic of London (Source: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 23 / 85
1845 Examples History Communicate Semiotics Framework Tutorial Literatur John Snow – Cholera Epidemic of London (Detail) (Spence, 2014) SoSe 2017 Jörg Cassens – Introduction 24 / 85
1855 Examples History Communicate Semiotics Framework Tutorial Literatur Florence Nightingale – Cause of death over time (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 25 / 85
1869 Examples History Communicate Semiotics Framework Tutorial Literatur Charles Minard – Napoleon’s Russian Campaign SoSe 2017 Jörg Cassens – Introduction 26 / 85
Size of Army, Location on Map (2 dimensions), Direction of Movement, Temperatures and Dates
1880 Examples History Communicate Semiotics Framework Tutorial Literatur Luigi Perozzo – 3D-Visualizations (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 28 / 85
1885 Examples History Communicate Semiotics Framework Tutorial Literatur Marey – train timetable (Source: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 29 / 85
pre 1931 Examples History Communicate Semiotics Framework Tutorial Literatur Map of the London Underground (Spence, 2014) SoSe 2017 Jörg Cassens – Introduction 30 / 85
1931 Examples History Communicate Semiotics Framework Tutorial Literatur Harry Beck’s new map of the London Underground (Spence, 2014) SoSe 2017 Jörg Cassens – Introduction 31 / 85
1933 Examples History Communicate Semiotics Framework Tutorial Literatur Brochure with flight connections (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 32 / 85
1965 Examples History Communicate Semiotics Framework Tutorial Literatur Newman – Man and Insects: Tufe (2001)) SoSe 2017 Jörg Cassens – Introduction 33 / 85
1982 Examples History Communicate Semiotics Framework Tutorial Literatur Maya Lin – Vietnam War Memorial (Source: Jänicke (2016)) SoSe 2017 Jörg Cassens – Introduction 34 / 85
Process But where are the Computers? Examples And what is visualization? History Communicate Definition Semiotics “visualization: the activity of forming a mental model of Framework Tutorial something” (Spence, 2014) Literatur Visualization is then, by definition, a human activity Nevertheless, it can be enhanced immensely by means of computers “The ability to take data—to be able to understand it, to process it, to extract value from it, to visualize it, to communicate it—that’s going to be a hugely important skill in the next decades.” Hal Varian, Google SoSe 2017 Jörg Cassens – Introduction 35 / 85
Modern Visualization I Examples History Communicate Semiotics Framework Tutorial Literatur ☞ OECD Better Life Index SoSe 2017 Jörg Cassens – Introduction 36 / 85
Modern Visualization II Examples History Communicate Semiotics Framework Tutorial Literatur ☞ Google Trends: Periodic SoSe 2017 Jörg Cassens – Introduction 37 / 85
Outline Examples Examples 1 History Communicate Semiotics History 2 Framework Tutorial 3 Communicate Literatur 4 Semiotics 5 Framework Tutorial 6 SoSe 2017 Jörg Cassens – Introduction 38 / 85
Field of Visualization Examples History Communicate Semiotics Draws from many fields Framework Requires a deep and broad knowledge across several Tutorial traditionally discrete subjects, including cognitive science, Literatur semiotics, statistics, graphic design, cartography, and computer science Goal: Communication SoSe 2017 Jörg Cassens – Introduction 39 / 85
Communication: Kirk Examples History Communicate Semiotics Framework Tutorial Literatur Source: Kirk (2012) SoSe 2017 Jörg Cassens – Introduction 40 / 85
Communication: Shannon & Weaver “by telecommunications engineers” Examples History Communicate Semiotics Framework Tutorial Literatur Source: Shannon & Weaver, here: Kress and van Leeuwen (2006) SoSe 2017 Jörg Cassens – Introduction 41 / 85
Communication: Riley & Riley “by sociologists” Examples History Communicate Semiotics Framework Tutorial Literatur Source: Riley & Riley, here: Kress and van Leeuwen (2006) SoSe 2017 Jörg Cassens – Introduction 42 / 85
Recommend
More recommend