06-Visualization Compressed
06-Visualization Compressed
&
Data Visualization
Ask an interesting What is the scientific goal?
What would you do if you had all the data?
question. What do you want to predict or estimate?
Build a model.
Model the data. Fit the model.
Validate the model.
Min. Inhibitory
Concentration
[ml/g]
What Questions?
How effective are the drugs?
Gram Gram
Positive Negative
M.Bostock, Protovis
afterW.Burtin,1951
How do the bacteria
compare?
Not a streptococcus!
(realized ~30 years later)
Really a streptococcus!
(realized ~20 years later)
NewYorkTimes
Explore
MizBee [Meyer et al. 2009]
http://www.cs.utah.edu/~miriah/mizbee
Effective Visualizations
Not Effective...
Flowing Data
Scale Distortions
Flowing Data
Scale Distortions
Scale Distortions
A.Kriebel,VizWiz
FOLLOW US ij CJ• Con tac t UsI Adverti se I Al u mn i I Su bsc ri beI Su bsc ri beto e -mail
[se arch the YON... ] 1,fü&d
·1> ,,va
t W /J
THE oLoEsT coLLEGE DAILY
1 ESTABLISHED 1878
HOME NEWS SPORTS OPINION WEEKEND MAGAZINE BLOG EVENTS MULTIMEDIA ABOUT LOGIN REGIS
Facebook Recommendations
Chart Yale Graduates Majors Class 2011
mliriÏi Shake Shack to o p e n in New Haven
277 people recommend this.
■
1S people recommend this.
700
525
350
175
0
Males Females
Kevin Fox
Avoid Chartjunk
Extraneous visual elements that distract from the message
ongoing,Tim Brey
Avoid Chartjunk
ongoing,Tim Brey
Avoid Chartjunk
ongoing,Tim Brey
Avoid Chartjunk
ongoing,Tim Brey
Avoid Chartjunk
ongoing,Tim Brey
Don’t!
matplotlib gallery
Bottles per
person per
week
Bars vs. Lines
Zacks 1999
Nathan Yau
Trends
Yahoo! Finance
Proportions
Pie Charts
eagerpies.com
Stacked Bar Chart
S.Few
Stacked Area Chart
S.Few
Don’t!
Correlations
Scatterplots
http://xkcd.com/388/
Don’t!
matplot3d tutorial
Distributions
Histogram
ggplot2
Bin Width
68%
of kids expressed interest towards science,
compared to 44% going into the program.
Perceptual Effectiveness
Stephen’s Power Law, 1961
J. Bertin, 1967
J. Mackinlay, 1986
B 4x
How much steeper slope?
A B
4x
How much larger area?
A B
10x
How much darker?
A B
2x
How much bigger value?
A B
4x
2 16
Most
Efficient
Quantitative
Ordered
Least
Efficient Categories
C. Mulbrandon
VisualizingEconomics.com
Most Effective
VisualizingEconomics.com
Less Effective
VisualizingEconomics.com
Pie vs. Bar Charts
Least Effective
Cliff Mass
Use Color Strategically
Color Discriminability
Sinha 2007
Colors for Categories
Do not use more than 5-8 colors at once
Ware,“InformationVisualization”
Colors for Ordinal Data
Vary luminance and saturation
Hue
Luminance
(Rainbow)
Luminance
& Hue
R.Simmon
Avoid Rainbow Colors!
matplotlib gallery
Color Blindness
Nominal
Ordinal
Data
Nominal
Ordinal
Interval
Ratio
Data
Nominal
Ordinal
Interval
Ratio
Histogram
Data
Nominal
Ordinal
Interval
Ratio
2D
DATA
Scatte
r plot
Dim 1 Dim 2
Nominal
Ordinal
Interval
Ratio
Dim 1 Dim 2
Nominal
Ordinal
Interval
Ratio
Dim 1 Dim 2
Nominal
Ordinal
Interval
Ratio
Heatmap (matrix)
Dim 1 Dim 2
Nominal
Ordinal
Interval
Ratio
Heatmap (density, or 2D histogram)
Dim 1 Dim 2
Nominal
Ordinal
Interval
Ratio
3D+
DATA
3D scatter plot