“Our life is frittered away by detail simplify, simplify” · 2013. 8. 29. · Mutations: Rem...
Transcript of “Our life is frittered away by detail simplify, simplify” · 2013. 8. 29. · Mutations: Rem...
Visualizing Information hybrid_fall 2013
“Our life is frittered away by detail… simplify, simplify”
Henry David Thoreau
Visualizing Information hybrid_fall 2013
Tufte, Visual Systems
Visualizing Information hybrid_fall 2013
TRANSLATING
TRANSPOSING
TRANSFIGURE
TRANSFORM
Visualizing Information hybrid_fall 2013
Napoleon’s Army in Russia Charles Joseph Minard
Visualizing Information hybrid_fall 2013
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.
Visualizing Information hybrid_fall 2013
TRANSLATING Marcel Duchamp
Visualizing Information hybrid_fall 2013
"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
Visualizing Information hybrid_fall 2013
Man in Black Velvet Etienne Jules Marey
Visualizing Information hybrid_fall 2013
Man in black suit with white lines down arms and legs Chronophotographie, Etienne Jules-Marey 1884
Visualizing Information hybrid_fall 2013
Nude Descending a Staircase No2 Marcel Duchamp, 1912
Visualizing Information hybrid_fall 2013
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
Visualizing Information hybrid_fall 2013
REPRESENTATION METHODS
Visualizing Information hybrid_fall 2013
Walk Your Flat London Walking
Visualizing Information hybrid_fall 2013
Slow Walks Graph London Walking
Visualizing Information hybrid_fall 2013
Consumption and Distance London Walking
Visualizing Information hybrid_fall 2013
Food Map London Walking
Visualizing Information hybrid_fall 2013
Mutations: Rem Koolhaus Project on the City: ACTAR
Visualizing Information hybrid_fall 2013
Mutations: Rem Koolhaus Project on the City: ACTAR
Visualizing Information hybrid_fall 2013
Mutations: Rem Koolhaus Project on the City: ACTAR
Visualizing Information hybrid_fall 2013
Information is Beautiful (source) David McCandless (author)
Visualizing Information hybrid_fall 2013
Pictograms 2012 London Olympics
Visualizing Information hybrid_fall 2013
Airport Moji (script) Language of Dreams
Visualizing Information hybrid_fall 2013
Dot Grid Map Kartograph
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.
Visualizing Information hybrid_fall 2013
FIGURE GROUND COMPARING INFORMATION ABOUT THE CITY
Visualizing Information hybrid_fall 2013
4 CITIES – ONE SCALE
Visualizing Information hybrid_fall 2013
Density of the city - comparison S,M,L,XL; OMA Rem Koolhaas and Bruce Mau; Monacelli Press: 1995
Visualizing Information hybrid_fall 2013
TIMELINE CONVEYING INFORMATION ABOUT THE SAME CITY OVER A PERIOD OF TIME
CHICAGO’S URBAN EXPANSION
Bloomingdale Line Competition Ross Barney Architects
Visualizing Information hybrid_fall 2013
COMPARISON
CHICAGO’S URBAN EXPANSION IN CONTRAST TO ECOLOGICAL CONTRACTION
Bloomingdale Line Competition Ross Barney Architects
Visualizing Information hybrid_fall 2013
CITY MAPS INTERPRETING INFORMATION ABOUT THE CITY
Visualizing Information hybrid_fall 2013
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
Visualizing Information hybrid_fall 2013
The Image of the City Kevin Lynch
Visualizing Information hybrid_fall 2013
The Naked City Guy Debord
Visualizing Information hybrid_fall 2013
London Tube Map Original Harry Beck, 1931
Visualizing Information hybrid_fall 2013
China Railway Timetable Beijing, April 1985
Visualizing Information hybrid_fall 2013
Time and Distance Rem Koolhaus, 1995
Visualizing Information hybrid_fall 2013
TRANSPOSING Movement
Visualizing Information hybrid_fall 2013
Philadelphia Planning Study Louis Khan
Visualizing Information hybrid_fall 2013
Static Movements Piero Zagami
Visualizing Information hybrid_fall 2013
Static Movements Piero Zagami
Visualizing Information hybrid_fall 2013
Static Movements Piero Zagami
Visualizing Information hybrid_fall 2013
Static Movements Piero Zagami
Visualizing Information hybrid_fall 2013
TRANSFORMING Visualizing Sounds
Visualizing Information hybrid_fall 2013
Rock n’ Roll Is Here To Pay Rebecca Garofalo and Damon Rarey From Visual Explanations Tufte
Visualizing Information hybrid_fall 2013
Sound and Smell Map Vladimir Guculak
Visualizing Information hybrid_fall 2013
Down to the Wire Gillian Potts
Visualizing Information hybrid_fall 2013
Down to the Wire Gillian Potts
Visualizing Information hybrid_fall 2013
Down to the Wire Gillian Potts
Visualizing Information hybrid_fall 2013
Sound Sculptures Design Under Sky
Visualizing Information hybrid_fall 2013
Rhythm is Destroyed Paul Robare
http://lonelystreets.com/wp-content/uploads/2008/02/visual-score-rendered.mp3
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.
Visualizing Information hybrid_fall 2013
Silent London Simon Elvis
http://lonelystreets.com/wp-content/uploads/2008/02/visual-score-rendered.mp3
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.
Visualizing Information hybrid_fall 2013
Evolution of the Mobile Phone
Visualizing Information hybrid_fall 2013
Battery Life
Mobile Phones
Weight
Home Phones
Evolution of the Mobile Phone
Visualizing Information hybrid_fall 2013
Pictoral
Visualizing Information hybrid_fall 2013
Visualizing Information hybrid_fall 2013
Increasing Disorder in a Dining Table Attributed to Diller Scofidio
Visualizing Information hybrid_fall 2013
Visualizing Information hybrid_fall 2013
BBC Future Space Race Piero Zagami
Visualizing Information hybrid_fall 2013
BBC Future Space Race Piero Zagami
Visualizing Information hybrid_fall 2013
BBC Future Space Race Piero Zagami
Visualizing Information hybrid_fall 2013
Ando, Santiago Calatrava, Gordon Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe , Enric Miralles, Glen Murcott, Jean Nouvel, Renzo Piano, Eero Saarinen, Giuseppe Terragni, 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, Matta-Clark, Le Corbusier, Norman Foster, Zaha Hadid, Mies van der Rohe , Enric Miralles, Eduardo Souto de Moura, Glen Piano, Eero Saarinen, Giuseppe Terragni, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, 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, Frank Lloyd Wright, Peter Zumthor, Amhoteb (Imhotep), Tadao Ando, Santiago Calatrava, Gordon Matta-Clark, 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, 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 Ter-
Peter 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, M
ario
Cru
z
Ste
fani
Gue
rra
Pa t
ricia
L.Th
umo n
d
John
Kap
ecki
Joe
Youn
t
Mon
i ca
Cha
d ha
Bor
yan a
Mar
c hev
a
Cyn
thia
Dos
ore t
z
Ern
estB
e lla
my
Ahm
edA
liH
ass a
n
Nira
lee
Hat
hiw
ala
1 2 3 4 5 6 7 8 9 10 11Libraries Community Centers Schools
Intro
1
7, 10, 112
4
3 5 6
9
8? P P2 P5 P3
Arch 497 IIT
Visualizing Information hybrid_fall 2013
Informal Choreography Ji Soo Han
Visualizing Information hybrid_fall 2013
TOOLS
Visualizing Information hybrid_fall 2013
Visualizing Information hybrid_fall 2013
Framing Data Tufte, Visual Systems
Visualizing Information hybrid_fall 2013
Framing Data Tufte, Visual Systems
Visualizing Information hybrid_fall 2013
Visualizing Information hybrid_fall 2013
Visualizing Information hybrid_fall 2013