visualization 2014 lecture 9: hello world from 3d molecule ...€¦ · l3 tue 1 apr 08:00-10:00...

50
Visualization 2014 Lecture 9: Hello World from 3D Molecule Viewer Update 1 Human Perception Mario Romero 2014/05/09 Visualization in Numerical Relativity - Hege et al.

Upload: others

Post on 09-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Visualization 2014 Lecture 9: Hello World from 3D Molecule Viewer Update 1 Human Perception

Mario Romero 2014/05/09

Visualization in Numerical Relativity - Hege et al.

Page 2: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Prelude Videos

VIS14 - L9 2

Page 3: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Schedule L1 Tue 25 mar 08:00-10:00 Introduction

L2 Thu 27 mar 15:00-17:00 Why Visualization, Visualization Pipeline

L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1

L4 Tue 8 apr 08:00-10:00 VMD Pipeline, Group formations P2

L5 Tue 15 apr 08:00-10:00 Volume Rendering and P3 progress P3-1

L6 Tue 22 apr 08:00-10:00 Presenting Project 3 P3-2

L7 Tue 29 apr 15:00-17:00 Proposals P4.1

L8 Tue 6 may 08:00-10:00 “Hello World!” Demos P4.2

L9 Fri 9 may 15:00-17:00 Update 1 & Perception P4.3

L10 Tue 13 may 08:00-10:00 Update 2 P4.3

L11 Thu 15 may 15:00-17:00 Final Demo P4.4

Thu 22 may 23:59 Webpage Report P4.5

VIS14 - L9 3

Page 4: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Outline

• Hello World Demo

• Update 1

• Perception

• VIC Tour

VIS14 - L9 4

Page 5: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Hello World Demos!

VIS14 - L9 5

Page 6: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

VIS14 - L9 6

Page 7: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

VIS14 - L9 7

Page 8: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Suggestions

• Unity rocks!

– No it sucks – no linux

– No all pdb files follow specs

• Game pad

• Extra information about

– Content

– Navigation (up, down, NEWS)

– Loading mechanisms

– Connections to chemistry • Invite domain experts

– TIME – control it

– KINECT – future work

VIS14 - L9 8

Page 9: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Update

VIS14 - L9 9

Page 10: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

VIS14 - L8 10

Page 11: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Perception

VIS14 - L9 14

Page 12: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Visual Structures

Information Visualization Pipeline expanded from Readings in Information Visualization: Using Vision to Think

By Stuart K. Card, Jock D. Mackinlay, Ben Shneiderman, 1999

Raw Data Data

Tables Views

User Researcher

Task

Visual mappings

View transformations

Data transformations

Sensing Measuring Collecting Simulating

Evaluation

15 VIS14 - L9

Page 13: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

16

Raw Data Data

Tables Visual Structs

Views

User Researcher

Task

Visual mappings

View transformations

Data transformations

Sensing Measuring Collecting

Evaluation

Data

VIS14 - L9

Page 14: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

17

Raw Data Data

Tables Visual

Structures Views

User Researcher

Task

Visual mappings

View transformations

Data transformations

Sensing Measuring Collecting

Evaluation

Data Tables and Data Transformations

VIS14 - L9

Page 15: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

18

Raw Data Data

Tables Visual

Structures Views

View transformations

Data transformations

Sensing Measuring Collecting

Evaluation

Visual Perception and Visual Structures

Visual mappings

User Researcher

Task

VIS14 - L9

Page 16: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

A Question about Human Perception The human blind spot is:

1. a myth.

2. a metaphor to explain our inability to see everything.

3. the area that is outside your field of vision that is approximately 175°

4. your brain fooling you into thinking you see in an area where you actually can’t see.

5. the space between what you see in your rear-view mirror and your peripheral vision when driving.

19 VIS14 - L9

Page 17: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

• Draw a cross and a circle about 5 cm apart

• Close left eye and look only at cross

• Place paper about 15 cm from nose

Try this out!

21 VIS14 - L9

Page 18: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

The Human Eye

22 VIS14 - L9

Page 19: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Human Vision • Highest bandwidth

• Fast, parallel

• Pattern Recognition

• Pre-attentive

• Extends memory and cognitive capacity

• People think visually

• Brain: 30% vision, 8% touch, 3% hearing

23 VIS14 - L9

Page 21: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Preattentive Processing

• No need for focused attention

• Parallel

• Fast: 200-250 msecs

25 VIS14 - L9

Page 22: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Attentive Processing

How many 3s?

1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686

26 VIS14 - L9

Page 23: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Preattentive Processing

How many 3s?

1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686

27 VIS14 - L9

Page 24: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Tasks

• Target detection

– is something there?

• Boundary detection

– Can the elements be grouped?

• Counting

– How many elements of a certain type are present?

28 VIS14 - L9

Page 25: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Which side has a red circle?

29 VIS14 - L9

Page 26: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Which side has a red circle?

30 VIS14 - L9

Page 27: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Which side has a red circle? link

31 VIS14 - L9

Page 28: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Potential Pre-attentive Features

Position

length

width

size

curvature

number

terminators

intersection

closure

hue

intensity

flicker

direction of motion

binocular lustre

Stereoscopic depth

3-D depth cues

lighting direction

32 VIS14 - L9

Page 29: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Discussion

• What role does/should pre-attentive processing play in information visualization?

33 VIS14 - L9

Page 30: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Visual Types Jacques Bertin, Sémiologie Graphique, 1967

34 VIS14 - L9

Page 31: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

35 VIS14 - L9

Page 32: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Additive vs. Subtractive Color

Additive Subtractive

36 VIS14 - L9

Page 33: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

37 VIS14 - L9

Page 37: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Gestalt Laws of Pattern Perception

• German psychologists 1920s

• Understand perception

• Principles – Emergence

– Reification

– Multistability

– Invariance

– Grouping

41 VIS14 - L9

Page 38: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Emergence

42 VIS14 - L9

Page 39: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Reification

43 VIS14 - L9

Page 40: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Multistability

44 VIS14 - L9

Page 41: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Invariance

45 VIS14 - L9

Page 42: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: Similarity

46 VIS14 - L9

Page 43: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Similarity

47 VIS14 - L9

Page 44: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: closure

48 VIS14 - L9

Page 45: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: Closure

49 VIS14 - L9

Page 46: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: Proximity

50 VIS14 - L9

Page 47: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: continuity

51 VIS14 - L9

Page 48: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Group: symmetry

52 VIS14 - L9

Page 49: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Reading

• Two related work papers (how to do related work search and review?)

• Turn in 100 word summaries for each

• Before Tuesday’s Lecture

VIS14 - L9 53

Page 50: Visualization 2014 Lecture 9: Hello World from 3D Molecule ...€¦ · L3 Tue 1 apr 08:00-10:00 VisIt Pipeline, Scientific Visual Storytelling P1 L4 Tue 8 apr 08:00-10:00 VMD Pipeline,

Thank you!

[email protected]

VIS14 - L9 54