VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British...
Transcript of VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British...
![Page 1: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/1.jpg)
slide acknowledgements:
cs6964 | January 23 2012
Tamara Munzner, University of British ColumbiaHanspeter Pfister, Harvard UniversityBang Wong, Broad Institute
VISUAL ENCODINGMiriah MeyerUniversity of Utah
2
![Page 2: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/2.jpg)
LAST TIME
3
![Page 3: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/3.jpg)
4
![Page 4: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/4.jpg)
5
Fieldattribute
item
![Page 5: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/5.jpg)
6
mathematical interpretation
![Page 6: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/6.jpg)
7
real-world meaningvisualization specific
![Page 7: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/7.jpg)
8
DATA vs CONCEPTUAL MODEL
-from data model . . .-32.52, 54.06, -17.35, . . . (floats)
-using conceptual model . . .- temperature
-to data type.-continuous to 2 significant figures (Q)-hot, warm , cold (O)-above freezing, below freezing (C)
![Page 8: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/8.jpg)
9
-relativity of perception
-marks and channels
-planar position
-color
![Page 9: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/9.jpg)
target
translate
implement
validate
10
design
![Page 10: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/10.jpg)
11
comments on readings?
![Page 11: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/11.jpg)
-relativity of perception
-marks and channels
-planar position
-color
12
![Page 12: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/12.jpg)
WEBER’S LAW
13
we judge based on relative, not absolute, differences
![Page 13: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/13.jpg)
14
RELATIVE DIFFERENCES
![Page 14: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/14.jpg)
AXIS OF ALIGNMENT
![Page 15: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/15.jpg)
AXIS OF ALIGNMENT
![Page 16: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/16.jpg)
16http://persci.mit.edu/_media/gallery/checkershadow_double_full.jpg
SIMULTANEOUS CONTRAST
![Page 17: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/17.jpg)
SIMULTANEOUS CONTRAST
![Page 18: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/18.jpg)
SIMULTANEOUS CONTRAST
![Page 19: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/19.jpg)
SIMULTANEOUS CONTRAST
![Page 20: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/20.jpg)
INTERACTION OF COLOR
![Page 21: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/21.jpg)
INTERACTION OF COLOR
![Page 22: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/22.jpg)
INTERACTION OF COLOR
![Page 23: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/23.jpg)
INTERACTION OF COLOR
![Page 24: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/24.jpg)
20 Wong 2010
INTERACTION OF COLOR
![Page 25: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/25.jpg)
-relativity of perception
-marks and channels
-planar position
-color
21
![Page 26: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/26.jpg)
22
0D
1D
2D
MARKSgeometric primitives
![Page 27: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/27.jpg)
23
parameters that control the appearance of marksCHANNELS
![Page 28: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/28.jpg)
26
categorical ordinal | quantitative
networks | same category
effe
ctiv
enes
s
effe
ctiv
enes
s
salie
nce
![Page 29: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/29.jpg)
27
name that channel . . .
![Page 30: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/30.jpg)
28http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
![Page 31: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/31.jpg)
29http://www.good.is/post/how-might-we-visualize-data-in-more-effective-and-inspiring-ways/
![Page 32: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/32.jpg)
30
WHERE DO RANKINGS COME FROM?
![Page 33: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/33.jpg)
31
Bertin, 1967
![Page 34: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/34.jpg)
32
Cleveland & McGill, 1984
![Page 35: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/35.jpg)
33
Heer & Bostock, 2010
![Page 36: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/36.jpg)
34
Mackinlay, 1986
![Page 37: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/37.jpg)
35
![Page 38: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/38.jpg)
36
DISCRIMINABILITYcan channel differences be discerned?
![Page 39: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/39.jpg)
37http://flowingdata.com/2012/01/20/where-are-the-biggest-box-office-movies-streaming/
![Page 40: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/40.jpg)
SEPARABLE vs INTEGRAL
-separable: can judge each channel individually-integral: two channels are viewed holistically
38
separable integral
Ware 2004
![Page 41: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/41.jpg)
SEPARABLE vs INTEGRAL
39 MacEachren 1995
![Page 42: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/42.jpg)
SEPARABLE vs INTEGRAL
40 Ware 2004
separable integral
color | locationcolor | motion
color | shapesize | orientation
x-size | y-sizered-green | yellow-blue
![Page 43: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/43.jpg)
41http://www.good.is/post/america-s-richest-counties-and-best-educated-counties/
![Page 44: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/44.jpg)
PRE-ATTENTIVE PROCESSING
-requires attention, despite name
-very fast: <200 ms
-what matters most is contrast between features
42
![Page 45: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/45.jpg)
POPOUT
![Page 46: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/46.jpg)
POPOUT
![Page 47: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/47.jpg)
POPOUT
![Page 48: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/48.jpg)
BASIC POPOUT CHANNELS
Ware 2008
![Page 49: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/49.jpg)
or, why to use a single channel at a timeCONJUNCTION
Healey 2007
![Page 50: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/50.jpg)
CONJUNCTIONobjects to be searched
corresponding feature space
![Page 51: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/51.jpg)
-relativity of perception
-marks and channels
-planar position
-color
47
![Page 52: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/52.jpg)
WHAT’S SO SPECIAL ABOUT THE PLANE?
48
![Page 53: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/53.jpg)
49
categorical ordinal | quantitative
networks | same category
effe
ctiv
enes
s
effe
ctiv
enes
s
salie
nce
![Page 54: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/54.jpg)
-power does not extend to 3D-perspective cues- interfere with color and size channels
-occlusion of data
50
![Page 55: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/55.jpg)
51 Moore 2011
Tufte 1997
![Page 56: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/56.jpg)
52 http://www.biolayout.org/
![Page 57: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/57.jpg)
53
2D and 3D?
Keefe 2008
![Page 58: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/58.jpg)
-relativity of perception
-marks and channels
-planar position
-color
54
![Page 59: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/59.jpg)
WHY IS COLOR SO HARD TO USE?
55
![Page 60: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/60.jpg)
obtaining a perceptually uniform color space is challenging
56
RGB
HSL
LAB | LUV
HCL
not uniform
not uniform
uniform
uniform
![Page 61: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/61.jpg)
color interactions
Wong 2010
![Page 62: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/62.jpg)
color discriminability
Sinha 2007
![Page 63: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/63.jpg)
color blindness
normal protanope deuteranope
lightness
![Page 64: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/64.jpg)
color blindness
![Page 65: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/65.jpg)
![Page 66: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/66.jpg)
62
![Page 67: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/67.jpg)
rainbow colormaps
RECOMMENDED READING
![Page 68: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/68.jpg)
64
RECOMMENDED READING
![Page 69: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/69.jpg)
rainbow colormapshard to order
easy to order creates artifacts
lower resolution
Borland 2007
![Page 70: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/70.jpg)
rainbow colormaps
Rogowitz 1996
Southeastern United States and Gulf of Mexico
zero crossing not explicit
![Page 71: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/71.jpg)
HELP!
67
![Page 72: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/72.jpg)
68
Get it right in black and white.Maureen Stone
![Page 73: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/73.jpg)
69
-hue: categorical
-saturation: ordinal and quantitative
-luminance: ordinal and quantitative
![Page 74: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/74.jpg)
TABLEAU COLORS
http://www.tableausoftware.com/
![Page 75: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/75.jpg)
71
![Page 76: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/76.jpg)
encoding exercise . . .
72
![Page 77: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/77.jpg)
73 Minard 1869
![Page 78: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/78.jpg)
L6: Tasks and Interaction
REQUIRED READING
74
![Page 79: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/79.jpg)
75
![Page 80: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/80.jpg)
76
![Page 81: VISUAL ENCODINGmiriah/cs6964/lectures/L05-encoding.pdf · Tamara Munzner, University of British Columbia Hanspeter Pfister, Harvard University ... WEBER’S LAW 13 we judge based](https://reader034.fdocuments.net/reader034/viewer/2022042911/5f442bf8c09d1b74225c43ef/html5/thumbnails/81.jpg)
77