A Theory of A Theory of Elastic Presentation Space Elastic - - PDF document

▶
a theory of a theory of elastic presentation space
SMART_READER_LITE
LIVE PREVIEW

A Theory of A Theory of Elastic Presentation Space Elastic - - PDF document

Apr 28, 2023 44 likes •280 views

A Theory of A Theory of Elastic Presentation Space Elastic Presentation Space Sheelagh Carpendale Sheelagh Carpendale Overview Overview Presentation space Presentation space The framework The framework Generalizing

slide-1
SLIDE 1

1

A Theory of Elastic Presentation Space A Theory of Elastic Presentation Space

Sheelagh Carpendale Sheelagh Carpendale

Overview Overview

  • Presentation space
  • The framework
  • Generalizing the framework
  • Extensions
  • Presentation space
  • The framework
  • Generalizing the framework
  • Extensions
slide-2
SLIDE 2

2

A Presentation Problem A Presentation Problem

Insufficient detail Insufficient detail Insufficient context Insufficient context

introduction introduction

A Presentation Problem A Presentation Problem

Insets

  • have detail
  • have some context
  • lose local context
  • not detail-in-context

Insets

  • have detail
  • have some context
  • lose local context
  • not detail-in-context

introduction introduction

slide-3
SLIDE 3

3

A Presentation Problem A Presentation Problem

Separate views

  • have detail
  • have context
  • not detail-in-context

Separate views

  • have detail
  • have context
  • not detail-in-context

introduction introduction

Detail-in-Context Detail-in-Context

introduction introduction

slide-4
SLIDE 4

4

Detail-in-Context Detail-in-Context

framework: EPS framework: EPS

Desired Functionality

  • Detail-in-context
  • Choice of focal shape
  • Freedom of focal location
  • Multiple foci
  • Smooth integration
  • Magnification to scale
  • Detail-in-context
  • Choice of focal shape
  • Freedom of focal location
  • Multiple foci
  • Smooth integration
  • Magnification to scale
slide-5
SLIDE 5

5

Elastic Presentation Space? Elastic Presentation Space?

  • ‘elastic’ in the sense that adjustments and

re-organizations are readily revertible

  • taking advantage of the ability to

interactively change presentations over time

  • recognized by others - Stretch Tools (Sarkar et al.),

Rubber Sheet (Sarkar & Brown), Malleable Graphics (Chuah et al.), Pliable Surfaces, Elastic Labels (Iturriaga & Lubiw), Elastic Windows (Kandogan & Shneiderman)

  • ‘elastic’ in the sense that adjustments and

re-organizations are readily revertible

  • taking advantage of the ability to

interactively change presentations over time

  • recognized by others - Stretch Tools (Sarkar et al.),

Rubber Sheet (Sarkar & Brown), Malleable Graphics (Chuah et al.), Pliable Surfaces, Elastic Labels (Iturriaga & Lubiw), Elastic Windows (Kandogan & Shneiderman)

Motivation-why a Framework? Motivation-why a Framework?

  • understanding ‘presentation’ space elasticity

– many ‘point’ solutions – all distinct - visually and algorithmically

  • a geometric framework

– unites algorithmically – supports extrapolation between methods it unites – supports inclusion of more than one presentation method in a given interaction

  • facing the dilemma ‘which is best?’
  • making EPF accessible - the EPF library
  • understanding ‘presentation’ space elasticity

– many ‘point’ solutions – all distinct - visually and algorithmically

  • a geometric framework

– unites algorithmically – supports extrapolation between methods it unites – supports inclusion of more than one presentation method in a given interaction

  • facing the dilemma ‘which is best?’
  • making EPF accessible - the EPF library
slide-6
SLIDE 6

6

Multi-Scale Views: 2D based approaches Multi-Scale Views: 2D based approaches

  • Spatially adjust a given 2D layout to

another 2D layout

  • Transformation function adjusts x and/or y

(Kadmon & Shlomi, Spence & Apperley, Keahey & Robertson)

  • Magnification function is the derivative
  • Reversing is non-trivial (Keahey & Robertson)
  • Spatially adjust a given 2D layout to

another 2D layout

  • Transformation function adjusts x and/or y

(Kadmon & Shlomi, Spence & Apperley, Keahey & Robertson)

  • Magnification function is the derivative
  • Reversing is non-trivial (Keahey & Robertson)

Multi-Scale Views: 3D based approaches Multi-Scale Views: 3D based approaches

  • Two step process:
  • Surface manipulation in 3D
  • Perspective projection
  • Creates apparent transformation in 2D
  • Simple relationship between magnification

and transformation

  • Two step process:
  • Surface manipulation in 3D
  • Perspective projection
  • Creates apparent transformation in 2D
  • Simple relationship between magnification

and transformation

slide-7
SLIDE 7

7

The Framework

  • Place 2D representation on a surface
  • Place surface in three dimensions
  • Manipulate the surface
  • Display the result through perspective

projection

  • Place 2D representation on a surface
  • Place surface in three dimensions
  • Manipulate the surface
  • Display the result through perspective

projection

Detail in Context Detail in Context

slide-8
SLIDE 8

8

EPS EPS

reference viewpoint reference viewpoint reference view plane reference view plane base plane base plane

framework: EPS framework: EPS

central axis central axis

Providing a single focus Providing a single focus

framework: EPS framework: EPS

dp dp hf hf hp hp pi pi fc fc fc fc fc fc pi pi pi pi dp dp hp = hf exp hp = hf exp

  • ((dp)2/o )
  • .
slide-9
SLIDE 9

9

Components of a EPF Lens

focal connection focal connection

focus focus distortion distortion distortion distortion context context context context lens lens

focal centre focal centre context connection context connection central alignment vector central alignment vector

Magnification

view plane view plane base plane base plane reference viewpoint reference viewpoint db db xi xi hf hf xm xm xm /db = xi /(db - hf ) xm /db = xi /(db - hf ) mag = xm /xi = (db /(db - hf )) mag = xm /xi = (db /(db - hf )) hf = db - (db /mag ) hf = db - (db /mag )

slide-10
SLIDE 10

10

Magnification Magnification

  • on demand
  • to scale
  • infinite (within the

numerical resolution of the computer)

  • on demand
  • to scale
  • infinite (within the

numerical resolution of the computer)

hf = db - (db /mag ) hf = db - (db /mag )

Adjusting a drop-off function

(1, 0) (1, 0)

linear drop-off linear drop-off adjusting lens radius adjusting lens radius

(0, 0) (0, 0) (0, 1) (0, 1)

adjusting magnification adjusting magnification adjusting focal radius adjusting focal radius

slide-11
SLIDE 11

11

slide-12
SLIDE 12

12

Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape

slide-13
SLIDE 13

13

Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape

slide-14
SLIDE 14

14

Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape Arbitrary Focal Shape

slide-15
SLIDE 15

15

Arbitrary Focal Shape Arbitrary Focal Shape

slide-16
SLIDE 16

16

Single Centred Focus Single Centred Focus

framework: EPS framework: EPS

slide-17
SLIDE 17

17

Off-Centre Focus Off-Centre Focus

framework: EPS framework: EPS

Off-Centre Focus Off-Centre Focus

framework: EPS framework: EPS

slide-18
SLIDE 18

18

Previous Solutions

  • Freeze the distortion,

move the information

Perspective Wall (Mackinley et al.), Hyperbolic Browser (Rao & Card)

  • Move the viewpoint

Document Lens (Robertson & Mackinley),

framework: EPS framework: EPS

Converging Vectors Converging Vectors

framework: EPS framework: EPS

slide-19
SLIDE 19

19

Our Solution Our Solution

framework: EPS framework: EPS

Normalizing Vectors Normalizing Vectors

Z normalized vectors Z normalized vectors normalized vectors normalized vectors

framework: EPS framework: EPS

slide-20
SLIDE 20

20

Buckling Buckling

framework: EPS framework: EPS

Resolving Buckling Resolving Buckling

framework: EPS framework: EPS

slide-21
SLIDE 21

21

Blended Vectors Blended Vectors

framework: EPS framework: EPS

Blended Surface Blended Surface

framework: EPS framework: EPS

slide-22
SLIDE 22

22

Multiple Foci Multiple Foci

framework: EPS framework: EPS

Multiple Foci Multiple Foci

slide-23
SLIDE 23

23

DEMO