Fall 2014 Hybrid Infraordinary
Total Page:16
File Type:pdf, Size:1020Kb
Data Visualization “Our life is frittered away by detail… simplify, simplify” Henry David Thoreau Tufte, Visual Systems Napoleon’s Army in Russia Charles Joseph Minard Reedy Square Studio Gang Architects Hyderabad Studio Gang Architects The Act of Communication The Act of Communication …Translating The Act of Communication …Translating …Transposing The Act of Communication …Translating …Transposing …Transfigure The Act of Communication …Translating …Transposing …Transfigure …Transform The Act of Communication Napoleon’s Army in Russia Charles Joseph Minard 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 The Act of Communication …Translating Trans·late transˈlāt,tranz-/Submit Verb 1. express the sense of (words or text) in another language. "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 Man in Black Velvet Etienne Jules Marey Man in black suit with white lines down arms and legs Chronophotographie, Etienne Jules-Marey 1884 Nude Descending a Staircase No2 Marcel Duchamp, 1912 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 Either in terms of the author’s point of view or to convey a point of view Maps have a context (location/historical) Maps are self/author edited (can not contain all information, someone chooses what is included) Maps tend to be site specific Representation Methods Walk Your Flat London Walking Slow Walks Graph London Walking Consumption and Distance London Walking Food Map London Walking Mutations: Rem Koolhaus Project on the City: ACTAR Mutations: Rem Koolhaus Project on the City: ACTAR Mutations: Rem Koolhaus Project on the City: ACTAR Pictograms 2012 London Olympics Airport Moji (script) Language of Dreams Media Production Center Studio Gang Architects 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 City Maps … Interpreting Information About the City 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 The Image of the City Kevin Lynch The Naked City Guy Debord London Tube Map Original Harry Beck, 1931 China Railway Timetable Beijing, April 1985 Time and Distance Rem Koolhaus, 1995 The Act of Communication …Translating …Transposing …Transfigure …Transform Trans·pose transˈpōz Verb transfer to a different place or context Ando, Santiago Calatrava,Intro Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe , Enric Miralles, Glen Murcott, Jean Nouvel,Libraries Renzo Piano, Eero Saarinen,Community Centers Giuseppe Terragni,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, Gordon1 Matta-Clark,2 3 Le Corbusie4 r,5 Norman6 Foste7r, Zaha8 Hadid,9 Mies10 van der1 Rohe1 , 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 Ca- Le 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,P Frank LloydP2 W right, Peter P5 Zumtho r, Amhoteb (Imhotep), P3 Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, 3 5 6 d Zaha Hadid, Mies van der Rohe , Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero a n n v a o Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiagoz Calatrava, Gordon Matta-Clark, Le Corbusier, a l t 8 e s a a m e h Mies van der Rohe , Enric Miralles,y Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, s r a h u i w c r i a ? o m r d h k Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando,r Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman h s a a c H a e t T l l o z i e h u . a t l der Rohe , Enric Miralles, Eduardo Souto M de Moura, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Ter- e u p D L n C r H A G B a a u Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago i Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha a a C a n d i t e i o K n c s a h e c e i o Y i l t Enric Miralles, Eduardo Souto de Moura, Glen Murcott, Jeana Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, Frank i n y e r f n r a m r n t h e n e r o a y Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark,i Le Corbusier, Norman Foster, Zaha Hadid, Mies h r o a t o o M E A B C J J S P M Eduardo Souto de Moura, Glen Murcott, Jean Nouvel, Renzo Piano,N Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Arch 497 IIT Philadelphia Planning Study Louis Khan Static Movements Piero Zagami Static Movements Piero Zagami Static Movements Piero Zagami Static Movements Piero Zagami The Act of Communication …Translating …Transposing …Transfigure …Transform trans·figure Verb Transform into something more beautiful or elevated. Increasing Disorder in a Dining Table Attributed to Diller Scofidio The Act of Communication …Translating …Transposing …Transfigure …Transform trans·form: transforming transˈfôrm/ Verb make a thorough or dramatic change in the form, appearance, or character of. change, alter, convert, metamorphose, transfigure, transmute, mutate; undergo a transformation. "an automobile that transformed into a boat” synonyms: change, alter, convert, metamorphose, transfigure, transmute, mutate Rock n’ Roll Is Here To Pay Rebecca Garofalo and Damon Rarey From Visual Explanations Tufte Sound and Smell Map Vladimir Guculak Down to the Wire Gillian Potts Down to the Wire Gillian Potts Down to the Wire Gillian Potts Sound Sculptures Design Under Sky 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. http://lonelystreets.com/wp-content/uploads/2008/02/ Rhythm is Destroyed visual-score-rendered.mp3 Paul Robare 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. http://lonelystreets.com/wp-content/uploads/2008/02/ Silent London visual-score-rendered.mp3 Simon Elvis Informal Choreography Ji Soo Han Tools Framing Data Tufte, Visual Systems Framing Data Tufte, Visual Systems Pictoral Perceiving and Representing Perceiving and Representing .