1 / 36

“We find that people quickly evaluate a site by visual design alone.”

“We find that people quickly evaluate a site by visual design alone.”. Stanford Guidelines for Web Credibility, 2002. Graphics for Data Representation. History of Graphic Displays. Tufte (1997). 10,000 – 4,000 BC: first maps 1644: earliest known statistical map

nasya
Download Presentation

“We find that people quickly evaluate a site by visual design alone.”

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. “We find that people quickly evaluate a site by visual design alone.” Stanford Guidelines for Web Credibility, 2002

  2. Graphics for Data Representation

  3. History of Graphic Displays Tufte (1997) 10,000 – 4,000 BC: first maps 1644: earliest known statistical map 1765: 2-variable (x, y) plots 1808: 3-variable (x, y, z) plots (using artist’s perspective)

  4. Map of World, Babylon, 600 BC Tigris & Euphrates Rivers Ocean Crystalinks.com

  5. Tabula Peutingerianaca. 250 http://www.hs-augsburg.de/~harsch/Chronologia/Lspost03/Tabula/tab_pe00.html

  6. Tabula Peutingerianaca. 250, Segment I

  7. First Statistical Graph? One Variable X Michael Florent van Langren (1644) Tufte (1997)

  8. Napoleon’s Russian Campaign Charles Minard (1861) Video: Napoleon’s Russian campaign

  9. Napoleon’s Russian Campaign Variables plotted: Army size 2D location Direction Temperature Time Conservative estimate of French loss: 400,000 men, 175,000 horses, 1000 canon Tufte (1983)

  10. Build Slides Give You Control Over … • Whatinformation is revealed • How information is revealed • When information is revealed Video: 3615 10 02 Graphics - 1854 London cholera epidemic.mpg

  11. Cholera Deaths in Central London Build: Streets

  12. Cholera Deaths in Central London Build: Streets Deaths

  13. Cholera Deaths in Central London Build: Streets Deaths Pumps

  14. Cholera Deaths in Central London Build: Streets Deaths Pumps Killer

  15. Cholera Deaths in Central London

  16. Punch 1858

  17. France Wikipedia

  18. Graphical Display Guidelines • Simple • Coherent • Focused • Thought-provoking No tables No chartjunk No distortion

  19. Chartjunk and Bad Taste USA Today Tufte (1997)

  20. Chartjunk and the Challenger Shuttle Disaster www.nasa.gov

  21. Challenger O-Rings Location, Size www.nasa.gov

  22. www.nasa.gov

  23. Challenger Shuttle Hearing: Richard Feynman and O-Ring Material in Ice Water

  24. www.nasa.gov

  25. Challenger Shuttle Hearing Chartjunk Tufte (1993) 1. Rockets are noise 2. No legend 3. No freezing temperatures 4. Ridiculous legalese

  26. Graphical Displays Should Encourage the eye to compare Support verbal or written descriptions of the data set Have a story to tell Reduce visual clutter

  27. Use Audience Knowledge to Show Quantities Direct labels: e.g., numerically labeled grids (previous slide) Encodings: e.g., color scales Self-representing scales: e.g., objects of known size in an image

  28. How Informative Is This? Tufte (1997)

  29. Much Better with Direct Labels Tufte (1997)

  30. How Visually Cluttered is This? Tufte (1997) Tufte, 1997

  31. Rich Information with Color Coding Tufte (1997) Tufte, 1997

  32. Self-Representing Scale with Human http://upload.wikimedia.org/wikipedia/commons

  33. Animated Graphic – World Air Traffic • 24-hour world air traffic • Yellow dots are large aircraft • Period is 24 hours • Daylight moves east to west • Video begins with daylight over Australia • Air traffic flow • North America (depart at night) > Europe (arrive at morning) • Europe (depart at morning) > North America (arrive at day)

  34. End of Section Graphics for Data Representation

More Related