CS 171: Visualization Interaction Hanspeter Pfister - - PowerPoint PPT Presentation

▶
cs 171 visualization
SMART_READER_LITE
LIVE PREVIEW

CS 171: Visualization Interaction Hanspeter Pfister - - PowerPoint PPT Presentation

Oct 26, 2022 462 likes •1.11k views

CS 171: Visualization Interaction Hanspeter Pfister pfister@seas.harvard.edu This Week Project 1 due today (no extensions!) HW4 & Project II Chapters 5 & 6 Sketching Lab, Nathan Cook Friday, 10-11:30 am, MD G115 Last Time

slide-1
SLIDE 1

CS 171: Visualization

Interaction

Hanspeter Pfister pfister@seas.harvard.edu

slide-2
SLIDE 2

This Week

  • Project 1 due today (no extensions!)
  • HW4 & Project II

Chapters 5 & 6

slide-3
SLIDE 3

Sketching Lab, Nathan Cook

Friday, 10-11:30 am, MD G115

slide-4
SLIDE 4

Last Time

  • Looking vs. Seeing
  • Overview of Information Processing
  • Image Gist
  • Visual Attention
  • Visual Working Memory
  • Visual Long-Term Memory
slide-5
SLIDE 5

Further Reading

slide-6
SLIDE 6

Interaction

slide-7
SLIDE 7

www.wefeelfine.org

slide-8
SLIDE 8

Outline

  • Overview & Detail
  • Focus + Context
  • Brushing & Linking
  • Filtering
  • Animation
  • Zooming
  • Off-the-desktop Interaction
slide-9
SLIDE 9

Overview + Detail

slide-10
SLIDE 10

The Shneiderman Mantra: “Overview first, zoom and filter, and details on demand.”

  • Ben Shneiderman
slide-11
SLIDE 11
slide-12
SLIDE 12

Linked Navigation

http://www.historyshots.com/rockmusic/

slide-13
SLIDE 13
slide-14
SLIDE 14

14

slide-15
SLIDE 15

NYT

slide-16
SLIDE 16

Focus + Context

slide-17
SLIDE 17

D3, M. Bostock

slide-18
SLIDE 18

Fisheye View

Sarkar and Brown, 1992

slide-19
SLIDE 19

Fisheye View

Sarkar and Brown, 1992

slide-20
SLIDE 20

D3, M. Bostock

slide-21
SLIDE 21

Hyperbolic Tree, 1995

slide-22
SLIDE 22

D3, M. Bostock

slide-23
SLIDE 23
slide-24
SLIDE 24

Brushing & Linking

slide-25
SLIDE 25

Tableau

slide-26
SLIDE 26

D3, M. Bostock

slide-27
SLIDE 27
  • C. Partl, A. Lex, M. Streit, D. Kalkofen, K. Kashofer, D. Schmalstieg:

enRoute: Dynamic Path Extraction from Biological Pathway Maps for In-Depth Experimental Data Analysis, IEEE Symposium on Biological Data Visualization (BioVis), 2012

slide-28
SLIDE 28
  • A. Lex, M. Streit, C. Partl, K. Kashofer, and D. Schmalstieg The Caleydo Matchmaker, A

visualization technique to analyze clustered, multidimensional data. InfoVis 2010

slide-29
SLIDE 29
  • A. Barsky et al., 2008
slide-30
SLIDE 30

NYT

slide-31
SLIDE 31

NYT

slide-32
SLIDE 32

Filtering

slide-33
SLIDE 33

Kayak

slide-34
SLIDE 34
slide-35
SLIDE 35

NYT

slide-36
SLIDE 36
  • C. Scheidegger & K. Shirely
slide-37
SLIDE 37
slide-38
SLIDE 38

Animation

slide-39
SLIDE 39

NYT

slide-40
SLIDE 40

NYT

slide-41
SLIDE 41

NYT

slide-42
SLIDE 42

NYT

slide-43
SLIDE 43
  • M. Wattenberg & F.

Viegas

slide-44
SLIDE 44

Flowing Data

slide-45
SLIDE 45
slide-46
SLIDE 46

Zooming

slide-47
SLIDE 47

Geometric Zooming

slide-48
SLIDE 48

Zoomable User Interfaces

slide-49
SLIDE 49

Semantic Zooming

Microsoft Windows 8

slide-50
SLIDE 50
slide-51
SLIDE 51

Zipdecode, Ben Fry

slide-52
SLIDE 52

Off-The-Desktop Interaction

slide-53
SLIDE 53
slide-54
SLIDE 54

Vs.

slide-55
SLIDE 55

Microsoft Surface*

* The “other” Surface

slide-56
SLIDE 56

SDR @ Harvard

slide-57
SLIDE 57

SDR @ Harvard

slide-58
SLIDE 58

XBox Kinect

slide-59
SLIDE 59
slide-60
SLIDE 60

Google Glass

Sergey Brin

slide-61
SLIDE 61
slide-62
SLIDE 62

Everything is best for something and worst for something else

  • Bill Buxton
slide-63
SLIDE 63
slide-64
SLIDE 64

Further Reading