Data Visualization Principles: Color CSC444 Acknowledgments for - - PowerPoint PPT Presentation

data visualization principles color
SMART_READER_LITE
LIVE PREVIEW

Data Visualization Principles: Color CSC444 Acknowledgments for - - PowerPoint PPT Presentation

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Maureen Stone Outlook Mechanics Principles Techniques Why worry about principles? Why worry about principles? Ninios


slide-1
SLIDE 1

Data Visualization Principles: Color

CSC444

Acknowledgments for today’s lecture: Tamara Munzner, Miriah Meyer, Maureen Stone

slide-2
SLIDE 2

Outlook

Mechanics Principles Techniques

slide-3
SLIDE 3

Why worry about principles?

slide-4
SLIDE 4

Why worry about principles? Ninio’s extinction illusion

slide-5
SLIDE 5

Why worry about principles? https://cscheid.net/2014/12/13/not-spirals.html

slide-6
SLIDE 6

Why worry about principles?

slide-7
SLIDE 7

VISION IS COMPLICATED

slide-8
SLIDE 8

Reading

  • “Representing Colors as Three Numbers”, Stone
  • Rainbow Colormap (Still) Considered Harmful,

Borland and Russell.

  • Optional:
  • Face-based Luminance Matching… Kindlmann

et al.

slide-9
SLIDE 9

WHY COLOR?

slide-10
SLIDE 10

Colin Ware, Information Visualization

slide-11
SLIDE 11
slide-12
SLIDE 12

LIGHT AND COLOR

slide-13
SLIDE 13

How does the yellow from your laptop display “equal” the yellow from the sun, and that from a painting?

slide-14
SLIDE 14

How does light work?

  • Each photon has a “wavelength”, roughly the

frequency in which it wiggles as it travels through space

  • Visible light is the same thing as FM radio is the

same thing as X-rays is the same thing as microwaves

slide-15
SLIDE 15

How does light work?

https://www.flickr.com/photos/llnl/9403051123/

slide-16
SLIDE 16

How does light work?

http://www.chemistryland.com/CHM107Lab/Exp7/ Spectroscope/Spectroscope.html

slide-17
SLIDE 17

How does light work?

slide-18
SLIDE 18

How does your eye work?

http://www.retinalmicroscopy.com/mosaics.html

slide-19
SLIDE 19

How does your eye work?

http://www.retinalmicroscopy.com/mosaics.html

Cones Rods

slide-20
SLIDE 20

How does your eye work?

slide-21
SLIDE 21

Three numbers!

TRICHROMACY

slide-22
SLIDE 22

same three numbers, same impression

METAMERISM

slide-23
SLIDE 23

OPPONENT PROCESS MODEL

slide-24
SLIDE 24

COLOR VISION DEFICIENCIES

slide-25
SLIDE 25

Ishihara Plates

http://www.dfisica.ubi.pt/~hgil/ p.v.2/Ishihara/Ishihara. 24.Plate.TEST.Book.pdf

slide-26
SLIDE 26

What goes wrong?

  • Only some types of cones present in the eye
  • red-green dichromacy, blue-yellow dichromacy

(rare)

slide-27
SLIDE 27
slide-28
SLIDE 28

WHAT ARE THE PRIMARY COLORS?

slide-29
SLIDE 29

WHAT ARE THE PRIMARY COLORS?

  • 1. red, green, blue
  • 2. red, yellow, blue
  • 3. orange, green, violet
  • 4. cyan, magenta, yellow
slide-30
SLIDE 30

WHAT ARE THE PRIMARY COLORS?

  • 1. red, green, blue
  • 2. red, yellow, blue
  • 3. orange, green, violet
  • 4. cyan, magenta, yellow
  • 5. all of the above
slide-31
SLIDE 31

Any three “independent” ways of combining color works (!)

slide-32
SLIDE 32
slide-33
SLIDE 33

same three numbers, same impression

METAMERISM

slide-34
SLIDE 34
slide-35
SLIDE 35
slide-36
SLIDE 36
slide-37
SLIDE 37

http://sysmagazine.com/posts/181580/ Dividing by “luminance”

slide-38
SLIDE 38

COLOR GAMUTS

slide-39
SLIDE 39

CONSTANCY AND ADAPTATION

slide-40
SLIDE 40

SPATIAL ADAPTATION

slide-41
SLIDE 41

SPATIAL ADAPTATION

slide-42
SLIDE 42

SPATIAL ADAPTATION

slide-43
SLIDE 43

SPATIAL ADAPTATION

slide-44
SLIDE 44

http://www.handprint.com/HP/WCL/tech13.html

SIMULTANEOUS CONTRAST

slide-45
SLIDE 45
slide-46
SLIDE 46
slide-47
SLIDE 47

TEMPORAL ADAPTATION

http://www.moillusions.com/black-and-white-in-colour- again.html/13191556xteeocm7

slide-48
SLIDE 48

Impossible Colors (!)

http://upload.wikimedia.org/wikipedia/commons/5/56/ Chimerical-color-demo.svg