Our life is frittered away by detail simplify, simplify. Henry David Thoreau

Transcription

1 Our life is frittered away by detail simplify, simplify Henry David Thoreau

2 Tufte, Visual Systems

3 TRANSLATING TRANSPOSING TRANSFIGURE TRANSFORM

4 Napoleon s Army in Russia Charles Joseph Minard

5 Tufte outlines six principles of analysis and presentation of data and all five are represented in this map. 1. Show comparisons, contrasts and differences 2. Show causality, mechanism, explanation, systematic structure 3. Show multivariate data: That is show more than 1 or 2 variables 4. Completely integrate words, numbers, images, diagrams 5. Thoroughly describe the evidence. Provide a detailed title, indicate the authors and sponsors, document the data sources, show complete measurement scales, point out relevant issues 6. Analytical presentations ultimately stand or fall depending on the quality, relevance and integrity of their content. Napoleon s Army in Russia Charles Joseph Minard

6 TRANSLATING Marcel Duchamp

7 "A straight horizontal thread one meter long falls from a height of one meter onto a horizontal plane twisting as it pleases and creates a new image of the unit of length." piece by Marcel Duchamp

8 Man in Black Velvet Etienne Jules Marey

9 Man in black suit with white lines down arms and legs Chronophotographie, Etienne Jules-Marey 1884

10 Nude Descending a Staircase No2 Marcel Duchamp, 1912

11 The Act of Mapping a form of visualization What does mapping do? Maps are used for power As a means of control (property lines, country borders) Maps have a point of view Maps have a context (location/historical) Either in terms of the author s point of view or to convey a point of view Maps are self/author edited (can not contain all information, someone chooses what is included) Maps tend to be site specific

12 REPRESENTATION METHODS

13 Walk Your Flat London Walking

14 Slow Walks Graph London Walking

15 Consumption and Distance London Walking

16 Food Map London Walking

17 Mutations: Rem Koolhaus Project on the City: ACTAR

18 Mutations: Rem Koolhaus Project on the City: ACTAR

19 Mutations: Rem Koolhaus Project on the City: ACTAR

20 Information is Beautiful (source) David McCandless (author)

21 Pictograms 2012 London Olympics

22 Airport Moji (script) Language of Dreams

23 In 1967, the French cartographer Jaques Bertin suggested the use of graduated sizes in a regular pattern as alternative to chroropleth maps. The map shows the population distribution across departments in France. The country is overlaid by a regular grid of circles of which each is sized according to the population density of the department the circle falls into. The most notable advantage is that one no longer need to choose between showing the quantity or density of a distribution, since the regular pattern shows both at the same time: You can compare the population density by looking at individual circles while still getting an impression of the total population for each department. Dot Grid Map Kartograph

24 FIGURE GROUND COMPARING INFORMATION ABOUT THE CITY

25 4 CITIES ONE SCALE

26 Density of the city - comparison S,M,L,XL; OMA Rem Koolhaas and Bruce Mau; Monacelli Press: 1995

27 TIMELINE CONVEYING INFORMATION ABOUT THE SAME CITY OVER A PERIOD OF TIME CHICAGO S URBAN EXPANSION Bloomingdale Line Competition Ross Barney Architects

28 COMPARISON CHICAGO S URBAN EXPANSION IN CONTRAST TO ECOLOGICAL CONTRACTION Bloomingdale Line Competition Ross Barney Architects

29 CITY MAPS INTERPRETING INFORMATION ABOUT THE CITY

30 Firstly, can we consider mapping the city through its use patterns, rather than illustrating it as an assembly of static landmarks? Is it possible to invert our notion of the city to foreground the fluctuating patterns of occupation and abandonment? Is it possible to repopulate the map to emphasize the rhythms of urban life rather than just the spaces in which they occur? Can we use wireless technologies to reflect back on themselves, revealing the emerging hybrid landscape of the material as WiFi nodes are installed, wireless devices deployed, and adhoc networks formed? Finally, how should we associate the ephemeral events of the city in order to understand them as an evolving set of relationships? Redefining the Basemap by Alison Sant

31 The Image of the City Kevin Lynch

32 The Naked City Guy Debord

33 London Tube Map Original Harry Beck, 1931

34 China Railway Timetable Beijing, April 1985

35 Time and Distance Rem Koolhaus, 1995

36 TRANSPOSING Movement

37 Philadelphia Planning Study Louis Khan

38 Static Movements Piero Zagami

39 Static Movements Piero Zagami

40 Static Movements Piero Zagami

41 Static Movements Piero Zagami

42 TRANSFORMING Visualizing Sounds

43 Rock n Roll Is Here To Pay Rebecca Garofalo and Damon Rarey From Visual Explanations Tufte

44 Sound and Smell Map Vladimir Guculak

45 Down to the Wire Gillian Potts

46 Down to the Wire Gillian Potts

47 Down to the Wire Gillian Potts

48 Sound Sculptures Design Under Sky

49 To interpret the score, I decided to apply rules to the image, and then produce music that followed those rules. Broadly, I interpreted left to right as time, and top to bottom as panning from left (top) to right (bottom). I then set rules for each type of shape and visual aspect. Circles are percussion, lines show evolution (of rhythm or tones), solid shapes are full sounds, outlines are more hollow sounds. Triangles were violins and pads, rectangles represented bass and lead sounds, etc. Finally, I took my rules and scripted out what each shape in the score should sound like before sitting down and synthesizing/sampling my sounds and composing them to fit the score. visual-score-rendered.mp3 Rhythm is Destroyed Paul Robare

50 Simon Elvins is concerned with sound as an ubiquitous force. Silent London plots quiet spaces in the English capitol using noise level data. An embossed print shows quiet areas raised up from the paper, bringing them to the attention of the viewer, while noise areas become blanked out valleys. The map intends to reveal a hidden landscape of quiet spaces and shows an alternate side of the city that would normally go unnoticed. visual-score-rendered.mp3 Silent London Simon Elvis

51 Evolution of the Mobile Phone

52 Home Phones Mobile Phones Weight Battery Life Evolution of the Mobile Phone

53 Pictoral

54

55 Increasing Disorder in a Dining Table Attributed to Diller Scofidio

56

57 BBC Future Space Race Piero Zagami

58 BBC Future Space Race Piero Zagami

59 BBC Future Space Race Piero Zagami

60 IntroGordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Ando, Santiago Calatrava, Glen Murcott, Jean Nouvel, Giuseppe Terragni, LibrariesRenzo Piano, Eero Saarinen, Community Centers Schools Frank Lloyd Wright, Peter Zumthor, Amhoteb Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Souto de Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, 2 7, 10, 11 Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen 4 1 Piano, Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, 9 Santiago CaLe Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Norman Foster, Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Giuseppe Terragni, Zumthor, Amhoteb (Imhotep),P3 Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, P Frank Lloyd P2 Wright, PeterP Zaha Hadid, Mies van der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, 8 Mies van der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman der Rohe, Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe TerPeter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, Frank Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Joe Yount Patricia L. Thumond Cynthia Dosoretz Niralee Hathiwala Stefani Guerra John Kapecki Boryana Marcheva Ernest Bellamy Ahmed Ali Hassan Mario Cruz? Monica Chadha Arch 497 IIT Visualizing Information hybrid_fall 2013

61 Informal Choreography Ji Soo Han

62 TOOLS

63

64 Framing Data Tufte, Visual Systems

65 Framing Data Tufte, Visual Systems

66

67

68