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

Mar 17, 2024 557 likes •1.13k views

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Maureen Stone Outlook Mechanics Principles Techniques WHY STUDY PRINCIPLES? Ninios extinction illusion

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 STUDY PRINCIPLES?

slide-4
SLIDE 4

Ninio’s extinction illusion

slide-5
SLIDE 5

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 can it be that your perception

  • f “yellow” from your laptop display

“is equal” to 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?

  • Two broad classes of problems:
  • Only some types of cones present in the eye (rare)
  • red-green dichromacy, blue-yellow dichromacy
  • Two types of cones with abnormally close response curves
  • relatively common for red-green
slide-27
SLIDE 27

How do the “color blind glasses” work?

slide-28
SLIDE 28

What goes wrong?

slide-29
SLIDE 29
slide-30
SLIDE 30

WHAT ARE THE PRIMARY COLORS?

slide-31
SLIDE 31

WHAT ARE THE PRIMARY COLORS?

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

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-33
SLIDE 33

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

slide-34
SLIDE 34
slide-35
SLIDE 35

Any three “independent” ways

  • f combining color

works (!) … and it works against any background color!

slide-36
SLIDE 36

General principle: your visual perception of an

  • bject often depends
  • n the surrounding
  • bjects
slide-37
SLIDE 37

http://swiked.tumblr.com/post/112073818575/guys-please- help-me-is-this-dress-white-and

slide-38
SLIDE 38

https://xkcd.com/1492/

slide-39
SLIDE 39

same three numbers, same impression

METAMERISM

slide-40
SLIDE 40

CONSTANCY AND ADAPTATION

slide-41
SLIDE 41

SPATIAL ADAPTATION

slide-42
SLIDE 42

SPATIAL ADAPTATION

slide-43
SLIDE 43

SPATIAL ADAPTATION

slide-44
SLIDE 44

SPATIAL ADAPTATION

slide-45
SLIDE 45

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

SIMULTANEOUS CONTRAST

slide-46
SLIDE 46
slide-47
SLIDE 47
slide-48
SLIDE 48

TEMPORAL ADAPTATION

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

slide-49
SLIDE 49

Impossible Colors (!)

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

slide-50
SLIDE 50

Extras (stuff we skipped in class)

slide-51
SLIDE 51
slide-52
SLIDE 52
slide-53
SLIDE 53
slide-54
SLIDE 54

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

slide-55
SLIDE 55

COLOR GAMUTS