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

Feb 02, 2023 112 likes •597 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 is ok only if data is

Naomi Robbins, forbes.com

slide-11
SLIDE 11

3D, when data isn’t

Naomi Robbins, forbes.com

  • Perspective interacts with size and color

judgments

  • Occlusion is bad, often unnecessary
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: CONTAINMENT

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

slide-17
SLIDE 17

HIGHER-LEVEL CHANNELS WE ARE STILL STUDYING

slide-18
SLIDE 18

Overlays for bivariate maps

Ware 2009 TVCG

slide-19
SLIDE 19

Overlays for bivariate maps

Ware 2009 TVCG

slide-20
SLIDE 20

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-21
SLIDE 21

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-22
SLIDE 22

Perception of higher-level features

  • Correlation perception follows Weber’s Law (!)

Harrison et al., TVCG 2014

slide-23
SLIDE 23
slide-24
SLIDE 24

Recap

  • Consider how data behaves
  • Can you add? Subtract? Compare?
  • Is there a smallest, or a neutral value?
  • Is there a notion of “negative”?
  • Are values just different from one another?
  • Consider how visual channels behave
  • then match the two appropriately
slide-25
SLIDE 25
  • Consider how the basic visual channels behave,

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

slide-26
SLIDE 26

“WEIRD” DATA (A prelude to techniques)

slide-27
SLIDE 27

Orientation vs. Direction

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

slide-28
SLIDE 28

Orientation vs. Direction

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

slide-29
SLIDE 29

Orientation vs. Direction

Demiralp et al. 2009

slide-30
SLIDE 30

Orientation vs. Direction

Demiralp et al. 2009

slide-31
SLIDE 31

Orientation vs. Direction

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

slide-32
SLIDE 32

Orientation vs. Direction

Kindlmann, 2004 This is a bad colormap. Why?

slide-33
SLIDE 33

Orientation vs. Direction

Demiralp et al. 2009

slide-34
SLIDE 34

Orientation vs. Direction

slide-35
SLIDE 35

Orientation vs. Direction

Demiralp et al. 2009

slide-36
SLIDE 36

Extra slides

slide-37
SLIDE 37

Simpson’s “Paradox”

slide-38
SLIDE 38

Simpson’s “Paradox”

slide-39
SLIDE 39

Simpson’s “Paradox”

slide-40
SLIDE 40

Probability Distributions

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

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

slide-41
SLIDE 41

Simpson’s “Paradox”

slide-42
SLIDE 42

GESTALT: SIMILARITY

We use color to connect things into groups

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

slide-43
SLIDE 43

GESTALT: PROXIMITY

We use distance to connect things into groups

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

slide-44
SLIDE 44

GESTALT: CLOSURE

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

slide-45
SLIDE 45

GESTALT: CONTAINMENT

slide-46
SLIDE 46

GESTALT: CONTINUITY

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

slide-47
SLIDE 47

GESTALT: FIGURE/GROUND

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