H517 Visualization Design, Analysis, & Evaluation Week 6: - - PowerPoint PPT Presentation

▶
h517 visualization design analysis evaluation
SMART_READER_LITE
LIVE PREVIEW

H517 Visualization Design, Analysis, & Evaluation Week 6: - - PowerPoint PPT Presentation

Oct 19, 2023 340 likes •811 views

H517 Visualization Design, Analysis, & Evaluation Week 6: Marks & Channels (contd) Tables and multi-dimensional data Khairi Reda | redak@iu.edu School of Informa5cs & Compu5ng, IUPUI Administrativia Coming up next week:

slide-1
SLIDE 1

H517 Visualization Design, Analysis, & Evaluation

Khairi Reda | redak@iu.edu School of Informa5cs & Compu5ng, IUPUI

Tables and multi-dimensional data Marks & Channels (cont’d) Week 6:

slide-2
SLIDE 2

Administrativia

  • Coming up next week: Project 1 presentations
  • 4 min presentation each + 45 sec Q&A (sharp limit!)
  • No need to prepare PowerPoint slide, just bring up your vis and show it

to class

  • You’ll not be allowed to use your own laptop; need to be able to access

the vis through a public URL

  • Demo the vis, talk about your design process, challenges encountered

and how you addressed them

  • Audience: ask question, give feedback, critique the vis; always provide

constructive comments

slide-3
SLIDE 3

Last week…

slide-4
SLIDE 4

Marks

Graphical elements in an image

points (0D) lines (1D) areas (2D) volume clouds (3D)

slide-5
SLIDE 5

Channels (aka Visual Variables)

Parameters that control the appearance of marks based on a;ributes

slide-6
SLIDE 6

iden=ty channels magnitude channels

Tamara Munzner Via Miriah Meyer

good for ordered attributes good for categorical attributes

slide-7
SLIDE 7

How much longer?

4x

Alex Lex

slide-8
SLIDE 8

How much larger (area)?

5x

Alex Lex

slide-9
SLIDE 9

S = In

Steven’s Psychological power law

Psychophysics

perceived sensation physical intensity

slide-10
SLIDE 10

Tamara Munzner Via Miriah Meyer

slide-11
SLIDE 11

Heer & Bostock, 2010

slide-12
SLIDE 12

Discriminability

can channel differences be discerned?

Via Miriah Meyer

slide-13
SLIDE 13

Position

Offers very good discriminability

posi5on

slide-14
SLIDE 14

Position

But this doesn’t extend to 3D! Perspec5ve distor5on Occlusions

slide-15
SLIDE 15

Factors affecting accuracy of Length/Position judgement

unaligned aligned stacked bar chart (unaligned)

slide-16
SLIDE 16

Separable vs Integral channels

separable channels: can be judged individually integral channels: are viewed holis5cally

Ware 2004 Based on a slide by Miriah Meyer

integral separable

slide-17
SLIDE 17

Chernoff faces

slide-18
SLIDE 18

Chernoff faces

slide-19
SLIDE 19

This week

Tables and multi-variate data

slide-20
SLIDE 20

Key attribute

slide-21
SLIDE 21

Visualizing Tables

slide-22
SLIDE 22

2 quan=ta=ve a;ributes

1 categorical (key)

1 quan=ta=ve a;ribute

Visualizing Tables

slide-23
SLIDE 23

key attribute key attribute

Visualizing Tables

slide-24
SLIDE 24

Miriah Meyer

Don’t use line charts for categorical a;ributes!

bad: “The more male a person is, the taller he is”

  • k: “Men are taller than

women (on average)”

  • k: “Twelve year olds are

taller than ten years old”

  • k: “The older a person

the taller he/she is”

slide-25
SLIDE 25

Arrange Tables

Mul5ple columns/categories

Streit & Gehlenborg, PoV, Nature Methods, 2014 Via Alex Lex

slide-26
SLIDE 26

Arrange Tables

slide-27
SLIDE 27

What if we have and want to see more than 2 quantitative attributes at the same time?

2 quan=ta=ve a;ributes

X Y X Z Y Z

slide-28
SLIDE 28

nine characteristics of Abalone (sea snails)

Wilkinson et al., 2005 Via Miriah Meyer

slide-29
SLIDE 29

Wilkinson et al., 2005 Via Miriah Meyer

slide-30
SLIDE 30

Wilkinson et al., 2005 Via Miriah Meyer

slide-31
SLIDE 31

Example by Miriah Meyer

V1 V2 V3 V4 V5

2 4 6 8 10

Parallel Coordinates

slide-32
SLIDE 32

Wegman 1990 Via Miriah Meyer

posi=ve correla=on straight lines nega=ve correla=on all lines cross at a single point

Parallel Coordinates

slide-33
SLIDE 33

ProtoVis Via Miriah Meyer

Parallel Coordinates

slide-34
SLIDE 34

Fua 1999 Via Miriah Meyer

Do you see any correlation?

Correla=ons only visible between neighboring axis pairs: axis order ma^ers allow user to reorder axis

slide-35
SLIDE 35

Hierarchical Parallel Coordinates

Fua 1999

slide-36
SLIDE 36

Hierarchical Parallel Coordinates

Fua 1999

Instead of showing all points, show a band represen=ng a cluster: mean: opaque line min/max: illustrated by band width with decreasing opacity from mean cluster

slide-37
SLIDE 37

Hierarchical Parallel Coordinates

Fua 1999

Cluster: lines that share similar shapes. Interac5vely varying the similarity threshold allows us to “unpack” clusters

slide-38
SLIDE 38
slide-39
SLIDE 39

Radial Layout

Star Plot

Similar to parallel coordinates, but axes radiate from a common origin

Scotch Whiskies

Via Alex Lex

slide-40
SLIDE 40

Arrange Tables

slide-41
SLIDE 41

Arrange Tables

Table as a heatmap

1 2 5 4 5 1 5 6 1 2 2 1 3 1 4 1 2 1

slide-42
SLIDE 42

Arrange Tables

Table as a heatmap

1 2 5 4 5 1 5 6 1 2 2 1 3 1 4 1 2 1

slide-43
SLIDE 43

Arrange Tables

Table as a heatmap

slide-44
SLIDE 44

Arrange Tables

Table as a heatmap Order is important: Clustering is o`en used with heatmaps

slide-45
SLIDE 45

Next week

Project 1 presenta5ons