Making pretty charts that actually mean something
-
Upload
ben-sullins -
Category
Design
-
view
7 -
download
2
description
Transcript of Making pretty charts that actually mean something
![Page 2: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/2.jpg)
warm-up
![Page 3: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/3.jpg)
Name an opposite
Tree River
![Page 4: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/4.jpg)
Name an opposite
couch rug
![Page 5: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/5.jpg)
Name an opposite
BooGrumpy Cat
![Page 6: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/6.jpg)
List 3 alternate uses
MaskRecycle Bin
Speaker
Paper WeightHockey PuckTable Leveler
![Page 7: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/7.jpg)
How did the chicken cross the road?
He walked…
![Page 8: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/8.jpg)
How did the legless chicken cross the road?
![Page 9: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/9.jpg)
On his wing tips!
![Page 10: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/10.jpg)
what is beauty?
![Page 11: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/11.jpg)
cognos
![Page 12: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/12.jpg)
Microstrategy
![Page 13: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/13.jpg)
http://vizcandy.blogspot.com/2013/07/replicating-new-york-times-d3js-chart.html
![Page 14: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/14.jpg)
Oracle PeopleSoft
![Page 15: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/15.jpg)
http://vizcandy.blogspot.ca/p/tableau-8-redoux.html
![Page 16: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/16.jpg)
Business Objects
![Page 17: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/17.jpg)
QlickView
![Page 18: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/18.jpg)
![Page 19: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/19.jpg)
Why is data beautiful?
![Page 20: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/20.jpg)
“Beauty is about perception, not about
make-up.”
Kevyn Aucoin (makeup artist / photographer)
![Page 21: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/21.jpg)
Selective Attention Test
http://www.youtube.com/watch?v=vJG698U2Mvo&feature=youtu.be&fullscreen=1
![Page 22: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/22.jpg)
Count how many times the number “5” appears
![Page 23: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/23.jpg)
Now count the number of time “5” appears in the same set of numbers
![Page 24: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/24.jpg)
Attentive Processing
Pre-attentive Processing
![Page 25: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/25.jpg)
Which product categories are trending up?
![Page 26: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/26.jpg)
Which product categories are trending up?
![Page 27: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/27.jpg)
Attentive
Pre-attentive
![Page 28: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/28.jpg)
What are our best Product Sub-Categories?
![Page 29: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/29.jpg)
What are our best Product Sub-Categories?
![Page 30: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/30.jpg)
Which product categories are doing good this year?
![Page 31: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/31.jpg)
Which product categories are doing good this year?
![Page 32: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/32.jpg)
why stats aren’t enough
![Page 33: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/33.jpg)
Data Stats
![Page 34: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/34.jpg)
Data VisualizedStats Visualized
Francis Anscombe, 1973
![Page 35: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/35.jpg)
How to make data
beautiful?
![Page 36: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/36.jpg)
Reduce non-data pixelsthen
Enhance data pixels
![Page 37: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/37.jpg)
“Above all else, show the data”
Edward Tufte, 1983
![Page 38: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/38.jpg)
Data-ink ratio
Edward Tufte, 1983
![Page 39: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/39.jpg)
Data-pixel ratio
Stephen Few, 2004
![Page 40: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/40.jpg)
How can we increase the data-pixel ratio?
![Page 41: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/41.jpg)
How can we increase the data-pixel ratio?
![Page 42: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/42.jpg)
How can we increase the data-pixel ratio?
![Page 43: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/43.jpg)
enhance data-pixels
![Page 44: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/44.jpg)
granularity
![Page 45: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/45.jpg)
Granularity, which is right?
Monthly Daily
![Page 46: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/46.jpg)
Granularity, which is right?
Sub-Category Category
![Page 47: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/47.jpg)
size & scale
![Page 48: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/48.jpg)
Bubbles on a map
![Page 49: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/49.jpg)
Sizing Bars – preserve true portions
![Page 50: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/50.jpg)
position
![Page 51: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/51.jpg)
![Page 52: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/52.jpg)
![Page 53: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/53.jpg)
angle
![Page 54: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/54.jpg)
Connect dots/bars to show trends over time
![Page 55: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/55.jpg)
color
![Page 56: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/56.jpg)
Color – proper use
![Page 57: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/57.jpg)
Color – improper use
![Page 58: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/58.jpg)
Color – what does your mind do here?
![Page 59: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/59.jpg)
annotation
![Page 60: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/60.jpg)
Annotation – reference lines
![Page 61: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/61.jpg)
Annotation – grid lines
![Page 62: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/62.jpg)
Annotation – grid lines
![Page 63: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/63.jpg)
Darkhorse Analytics Example
![Page 64: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/64.jpg)
bensullins.com
![Page 65: Making pretty charts that actually mean something](https://reader033.fdocuments.us/reader033/viewer/2022061111/5454a16eaf79599f308b909a/html5/thumbnails/65.jpg)
Sources
Information Visualization: Perception for Design- Colin Ware
Designing Effective Tables and Graphs - Stephen Few
Which chart or graph is right for you?- Tableau Software
Now You See It: Tableau 2008 Users Conference- Stephen Few
Tapping the Power of Visual Perception- Stephen Few
Designing Data – Typekit blog- Mike Sall
Anscombe’s Quartet – Wikipedia- Francis Anscombe
Data Viz Techniques in Tableau- Andy Kriebel