Information Mapping

18
Week 7, MM1B03, McMaster University Information Mapping From Edward Tufte, Beautiful Evidence “Mapped Pictures: Images as Evidence and Explanation”

description

McMaster University Digital Image class

Transcript of Information Mapping

Page 1: Information Mapping

Week 7, MM1B03, McMaster University

Information Mapping

From Edward Tufte, Beautiful Evidence“Mapped Pictures: Images as Evidence and Explanation”

Page 2: Information Mapping

Edward TufteEdward Tufte's writing is important the fields of information design and visual literacy, which deal with the visual communication of information. He is Professor Emeritus of statistics, information design, interface design and political economy at Yale University.

Edward Tufte, Beautiful Evidence

Page 3: Information Mapping

Credible Evidence

Because of Galileo’s detailed annotations his drawings became credible quantitative evidence about satellite motion.

This observation upset the notion that all celestial bodies must revolve around the Earth. Galileo published a full description in Sidereus Nuncius in March 1610.

Page 4: Information Mapping

According to Tufte, many scientific images are published simply as amazing celebratory photographs without scale or relevant comparisons.

Page 5: Information Mapping

Mapped Pictures• Combine representational graphics with

scales, diagrams, overlays, numbers, words, or images.

• An explanatory image, (like an interface design or navigation flow chart) is information that has been “mapped out.”

Page 6: Information Mapping

David Hockney, Nicol’s Canyon, 1980.

See page 164-5.

Page 7: Information Mapping

John Bayer, Uranometria, 1603. Leo the Lion. (Engraving, Alexander Mair.)

Stars are located on a measured and labeled 2-D grid, yielding a dual context of universal sky grid and neighbourhood stars. Brightness is indicated by star-sizes.

For showing evidence, the map metaphor suggests that labels belong on images, that external grids help to scale images and that data are more credible when contextualized.

Page 8: Information Mapping

John Bayer, Uranometria, 1603. Leo the Lion. (Engraving, Alexander Mair.)

See page 170-171

Page 9: Information Mapping

Diagramatic map-tracings• With diagramatic map tracings such as Loran’s

treatment of Cezanne’s Still Life with Fruit Basket.

• In these mappings, we see the now-revealed skewed cubist tables depicted from various points of view.

Page 10: Information Mapping

Erle Loran, Cezanne’s Composition. 1943.

See page 174-175

Diagramatic map-tracings

Paul Cezanne, Still Life. 1890

Page 11: Information Mapping

Not stars, but slaves

J. Hawkesworth, Vigilante Slave Ship. Published for the Religious Society of Friends, London, 1823.

See page 172.

Page 12: Information Mapping

Probably the best statistical graphic ever drawn,

this map by Charles Joseph Minard portrays the

losses suffered by Napoleon's army in the Russian

campaign of 1812. Beginning at the Polish-Russian

border, the thick band shows the size of the army

at each position. The path of Napoleon's retreat

from Moscow in the bitterly cold winter is

depicted by the dark lower band, which is tied to

temperature and time scales. — Edward Tufte

Analytical Design

Page 13: Information Mapping

From: http://www.edwardtufte.com/tufte/posters

Page 14: Information Mapping

1. Comparisons, Contrast, Differences.

2. Causality and systematic structure.

3. Multivariate data, that is more than 1 or 2 variables.

4. Integration of words, numbers, images, diagrams.

5. Documentation of data sources, authors, sponsors, etc.

6. Quality and integrity of content.

For well-mapped analytic design, make sure you show:

Tufte’s Principles

Page 15: Information Mapping

Motion graphics• See page 182 - 183• How do these still-land examples translate into

movie-land images?• How are the vertical arrangements like “layers” in

photoshop and the horizontal reading like “frames” in animation or motion graphics?

• How does this connect with an experience through time like navigating a web site?

Page 16: Information Mapping

Local and cosmopolitan view• See page 190 - 191, example of Ikenobo-

Kadokaikan.• Playing against a strong photographic

perspective, this map locates Kyoto’s School of Floral Art and describes routes from the train station to the flower arranging school, alon g with 20 perspective sketches of buildings.

Page 17: Information Mapping

Summary• Well designed and thoughtfully mapped

pictures combine the direct visual evidence of images with the power of diagrams: Image’s representational, local, specific realistic, unique, detailed qualities; Diagram’s contextualizing, abstacting focusing explanatory qualities.

Page 18: Information Mapping

Summary• Mappings often represent an explanatory

theory applied to the visual evidence. Therefore the standards of what constitutes a credible account also apply to mappings.

• Mapping help tell why the design matters.