Data Visualization Principles: Other Perceptual Channels CSC444 - - PowerPoint PPT Presentation

▶
data visualization principles other perceptual channels
SMART_READER_LITE
LIVE PREVIEW

Data Visualization Principles: Other Perceptual Channels CSC444 - - PowerPoint PPT Presentation

Dec 23, 2022 331 likes •803 views

Data Visualization Principles: Other Perceptual Channels CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Colin Ware, Christopher Healey PREATTENTIVENESS, OR VISUAL POP-OUT ORIENTATION Christopher Healey,

slide-1
SLIDE 1

Data Visualization Principles: Other Perceptual Channels

CSC444

Acknowledgments for today’s lecture: Tamara Munzner, Miriah Meyer, Colin Ware, Christopher Healey

slide-2
SLIDE 2

PREATTENTIVENESS, OR “VISUAL POP-OUT”

slide-3
SLIDE 3

Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

ORIENTATION

slide-4
SLIDE 4

Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

WIDTH/LENGTH

slide-5
SLIDE 5

Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

SIZE

slide-6
SLIDE 6
slide-7
SLIDE 7

Mixing is not always pre- attentive

slide-8
SLIDE 8

Preattentiveness is only simple to understand when considering one channel at a time.

slide-9
SLIDE 9

VISUAL CHANNELS YOU SHOULD BE CAREFUL WITH, EVEN IN ISOLATION

slide-10
SLIDE 10

3D, when data isn’t

Naomi Robbins, forbes.com

  • Perspective interacts with size and color

judgments

  • Occlusion is bad, often unnecessary
slide-11
SLIDE 11

(and maybe even it is!)

Daae Lampe et al. TVCG 2009

slide-12
SLIDE 12

Animations

  • We perceive motion, and regularity, even when

none might be intended

  • http://en.wikipedia.org/wiki/File:Lilac-Chaser.gif
  • And it interacts badly with the rest of our

perceptual system

slide-13
SLIDE 13

Animations

  • limit them to data transitions, preferably controlled

by interaction www.gapminder.org

slide-14
SLIDE 14

GESTALT PRINCIPLES

slide-15
SLIDE 15

GESTALT PRINCIPLES

  • General idea: we interpret stimuli as patterns that

are grouped, complete, whole

  • Even when they aren’t
slide-16
SLIDE 16

GESTALT: SIMILARITY

We use color to connect things into groups

http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php

slide-17
SLIDE 17

GESTALT: PROXIMITY

We use distance to connect things into groups

http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php

slide-18
SLIDE 18

GESTALT: CLOSURE

We see closed shapes, even when they’re not there

slide-19
SLIDE 19

GESTALT: CONTAINMENT

Objects inside closed shapes appear related, even when they’re far apart A A B A B

slide-20
SLIDE 20

GESTALT: CONTAINMENT

slide-21
SLIDE 21

GESTALT: CONTINUITY

We see simple, connected figure/ground shapes rather than complicated shapes

slide-22
SLIDE 22

GESTALT: FIGURE/GROUND

We see simple, connected figure/ground shapes rather than complicated shapes

slide-23
SLIDE 23

HIGHER-LEVEL CHANNELS WE ARE STILL STUDYING

slide-24
SLIDE 24

Overlays for bivariate maps

Ware 2009 TVCG

slide-25
SLIDE 25

Overlays for bivariate maps

Ware 2009 TVCG

slide-26
SLIDE 26

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-27
SLIDE 27

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-28
SLIDE 28

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-29
SLIDE 29
slide-30
SLIDE 30

Recap

  • Consider how data behaves
  • Can you add? Subtract? Compare? Is there a

smallest, or are values just different from one another? Etc.

  • Consider how the basic visual channels behave,

match the two appropriately

slide-31
SLIDE 31
  • Consider how the basic visual channels behave,

match the two appropriately What if they don’t match?

slide-32
SLIDE 32

“WEIRD” DATA (A prelude to techniques)

slide-33
SLIDE 33

Orientation vs. Direction

https://www.ncl.ucar.edu/Applications/evans.shtml

slide-34
SLIDE 34

Orientation vs. Direction

http://www.datapointed.net/2014/10/ maps-of-street-grids-by-orientation/

slide-35
SLIDE 35

Orientation vs. Direction

Demiralp et al. 2009

slide-36
SLIDE 36

Orientation vs. Direction

Demiralp et al. 2009

slide-37
SLIDE 37

Orientation vs. Direction

Demiralp et al. 2009 This is a bad colormap. Why?

slide-38
SLIDE 38

Orientation vs. Direction

Demiralp et al. 2009

slide-39
SLIDE 39

Orientation vs. Direction

slide-40
SLIDE 40

Orientation vs. Direction

Demiralp et al. 2009

slide-41
SLIDE 41

Probability Distributions

  • Map behavior of conditional distributions, marginal distributions, etc.

to visual channels: Product Plots, Wickham and Hoffman, TVCG 2011

slide-42
SLIDE 42

Simpson’s “Paradox”

slide-43
SLIDE 43

Simpson’s “Paradox”

slide-44
SLIDE 44

Simpson’s “Paradox”

slide-45
SLIDE 45

Simpson’s “Paradox”