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

Jan 14, 2023 399 likes •942 views

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Maureen Stone Usual Reminders Assignment 3 due tonight Assignment 4 posted O ffi ce hours on Wednesday 8-10AM Outlook

slide-1
SLIDE 1

Data Visualization Principles: Color

CSC444

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

slide-2
SLIDE 2

Usual Reminders

  • Assignment 3 due tonight
  • Assignment 4 posted
  • Office hours on Wednesday 8-10AM
slide-3
SLIDE 3

Outlook

Mechanics Principles Techniques

slide-4
SLIDE 4

WHY STUDY PRINCIPLES?

slide-5
SLIDE 5

Ninio’s extinction illusion

slide-6
SLIDE 6

https://cscheid.net/2014/12/13/not-spirals.html

slide-7
SLIDE 7

Why worry about principles?

slide-8
SLIDE 8

VISION IS COMPLICATED

slide-9
SLIDE 9

Reading

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

Borland and Russell.

  • Optional:
  • Face-based Luminance Matching… Kindlmann

et al.

slide-10
SLIDE 10

WHY COLOR?

slide-11
SLIDE 11

Colin Ware, Information Visualization

slide-12
SLIDE 12
slide-13
SLIDE 13

LIGHT AND COLOR

slide-14
SLIDE 14

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

slide-15
SLIDE 15

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

How does light work?

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

slide-17
SLIDE 17

How does light work?

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

slide-18
SLIDE 18

How does light work?

slide-19
SLIDE 19

How does your eye work?

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

slide-20
SLIDE 20

How does your eye work?

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

Cones Rods

slide-21
SLIDE 21

How does your eye work?

slide-22
SLIDE 22

Three numbers!

TRICHROMACY

slide-23
SLIDE 23

same three numbers, same impression

METAMERISM

slide-24
SLIDE 24

OPPONENT PROCESS MODEL

slide-25
SLIDE 25

COLOR VISION DEFICIENCIES

slide-26
SLIDE 26

Ishihara Plates

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

slide-27
SLIDE 27

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

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-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 of combining color works (!) … and it works against any background color!

slide-36
SLIDE 36

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

slide-37
SLIDE 37

https://xkcd.com/1492/

slide-38
SLIDE 38

same three numbers, same impression

METAMERISM

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

slide-49
SLIDE 49

Extras (stuff we skipped in class)

slide-50
SLIDE 50
slide-51
SLIDE 51
slide-52
SLIDE 52
slide-53
SLIDE 53

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

slide-54
SLIDE 54

COLOR GAMUTS