visualizing Information in 6 steps
-
Upload
kristof-pelckmans -
Category
Design
-
view
4.439 -
download
1
description
Transcript of visualizing Information in 6 steps
![Page 1: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/1.jpg)
visualizing informationin 6 steps
version with links to sources
![Page 2: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/2.jpg)
source: Wire Magazine 16 June 2008Artifacts from the future
need for visualization
![Page 3: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/3.jpg)
6 principles to keep in mind
![Page 4: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/4.jpg)
data-ink ratio
= data-inktotal ink used to print the graphic
= proportion of a graphic’s ink devoted to the non-redundant display of data
= 1 – proportion of graphic that can be erased
![Page 5: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/5.jpg)
21 3
54 6
source: The Visual Display of Quantitative Information by Edward R. Tufte
![Page 6: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/6.jpg)
1
2
need grid?make itlighter
source: train schedule by E.J. Marey
![Page 7: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/7.jpg)
1
2
standard Excelgrid and axis
![Page 8: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/8.jpg)
data-ink ratio
![Page 9: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/9.jpg)
di
Robert Shumann2d > 3d
source: The Visual Display of Quantitative Information by Edward R. Tufte
men
s
ions
![Page 10: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/10.jpg)
divisions in France2d > 4d
source: The War with Germany by Leonard P. Ayres
![Page 11: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/11.jpg)
breakdown of car components2d > 4d
source: The Visual Display of Quantitative Information by Edward R. Tufte
![Page 12: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/12.jpg)
bullet chart5d
source: bullet chart by Stephen Few
![Page 13: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/13.jpg)
dimensions
![Page 14: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/14.jpg)
size
http://en.wikipedia.org/wiki/Golden_ratio
golden ratio
![Page 15: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/15.jpg)
source: Beautiful Evidence by Edward R. Tufte
small is beautiful - sparklines
![Page 16: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/16.jpg)
sparklines for binary data
source: Beautiful Evidence by Edward R. Tufte
![Page 17: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/17.jpg)
size
![Page 18: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/18.jpg)
font
do not mix styles and cases!
source: The Visual Display of Quantitative Information by Edward R. Tufte
![Page 19: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/19.jpg)
1
2
emphasis here
use alternativefor boring Arialeg Trebuchet
![Page 20: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/20.jpg)
fonts
![Page 21: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/21.jpg)
coloremphasis here
eye does not focus on data
source: The Visual Display of Quantitative Information by Edward R. Tufte
![Page 22: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/22.jpg)
source: The Visual Display of Quantitative Information by Edward R. Tufte
get color inspiration from nature
![Page 23: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/23.jpg)
use of contours
source: The Visual Display of Quantitative Information by Edward R. Tufte
1 2
![Page 25: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/25.jpg)
1 out of 10 people perceive red and green like gray
source: Information Visualization: Perception for Design by Colin Ware
![Page 26: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/26.jpg)
![Page 27: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/27.jpg)
colors
![Page 28: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/28.jpg)
open your eyes and be aware of
source: Excel 2007 sample graphs by Microsoft Excel Blog Team
![Page 29: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/29.jpg)
source: Excel 2007 sample graphs by Microsoft Excel Blog Team
do not use 3d
use bar charts instead of pie charts
![Page 31: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/31.jpg)
simplicity and elegance are key!source: Rolls-Royce Motor Cars Ltd.
![Page 33: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/33.jpg)
![Page 34: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/34.jpg)
books
The Visual Display of Quantitative Information Envisioning Information Visual Explanations
Information VisualizationInformation Dashboard DesignBeautiful Evidence
![Page 35: visualizing Information in 6 steps](https://reader033.fdocuments.in/reader033/viewer/2022061121/546e59a1af79594b588b65c6/html5/thumbnails/35.jpg)
blogsexcelcharts.com/blog
visualisationmagazine.com/blogvisualthinkmap
peltiertech.com/WordPress
neoformix.com
blog.xlcubed.com
www.coolinfographics.com
www.juiceanalytics.com/writing
www.visualcomplexity.com/vc/blog
eagereyes.org