15.1Vis_04

Data VisualizationData Visualization

Lecture 15Information Visualization :

Part 3

15.2Vis_04

Visualizing Web SearchesVisualizing Web Searches

www.kartoo.com

15.3Vis_04

Sequence VisualizationSequence Visualization

Visualizing sequence of bases, or nucleotides, in DNA is a particularly challenging application

Bases are: GCAT Thanks to Netta Cohenfor these three slides

15.4Vis_04

Walking through the Genome

Walking through the Genome

Genome sequence is visualized by ‘walking’ in north (C), south (G), east (T) and west (A) directions, according to the base that is encountered

– Walk is not random, but we don’t understand all the rules

15.5Vis_04

Walking through the Genome in 1D

Walking through the Genome in 1D

AGCTGCGAGTCGAGTTGGCA…value

A,G purines

T,C pyrimidinesUi =

i

Ui

15.6Vis_04

Focus and ContextFocus and Context

A recurring problem in Information Visualization is lack of screen real estate

Challenge has been addressed in some innovative ways

Want to achieve:– Focus: to see detail of immediate

interest– Context: to see the overall picture

15.7Vis_04

Bifocal DisplayBifocal Display

Probably the first suggestion was the bifocal display of Spence and Apperley– Play Spence bifocal_lens movie

15.8Vis_04

Bifocal DisplayBifocal Display

Implemented as an image browser that scales different areas of image in different ways

– Chris North, Univ of Maryland

15.9Vis_04

What is the Bifocal Display Doing?

What is the Bifocal Display Doing?

Transforming the information space to the display space

– Visual transfer functions

– cf colour transfer functions in scivis

Informationspace

DisplaySpace

Normaldisplay

Informationspace

DisplaySpace

Bifocaldisplay

context

focus

15.10Vis_04

Developing the IdeaDeveloping the Idea

Card, Robinson and McKinlay developed the idea into the ‘Perspective Wall’

15.11Vis_04

The Perspective WallThe Perspective Wall

2D layout wrappedaround a 3D structure

Space utilisation:-detail on centrepanel 3x size ofequivalent flat wall fitting field ofview

15.12Vis_04

Perspective WallPerspective Wall

Advantages:– User can adjust

ratio of detail to context

– Smooth animation helps user perceive object constancy

– Relationship between detail and context is consistent: objects bend around the corner

15.13Vis_04

Perspective WallPerspective Wall

In terms of transfer function, the situation is closer to the early Spence movie

– Perspective gives smoother transition from focus to context

Informationspace

DisplaySpace

PerspectiveWall

context

focus

15.14Vis_04

FishEye MenusFishEye Menus

Here is the same idea applied to menus

– Ben Bederson, University of Maryland

See also:– http://www.samuelwan.com/download

s/ com.samuelwan.eidt/fisheyemenu/ FisheyeMenuDemo.html

15.15Vis_04

Comparison of Menu Styles

Comparison of Menu Styles

Research pages at University of Maryland include a nice applet that allows you to compare different menu styles

– Arrow bar– Scroll Bar– Hierarchical– FishEye

Screenshots on next slide created from:

– http://www.cs.umd.edu/ hcil/fisheyemenu/ fisheyemenu-demo.shtml

15.16Vis_04

MenusMenus

arrow scrollhierarchical

fisheye

15.17Vis_04

QuestionQuestion

Why is a magnifying glass no good for focus and context?

15.18Vis_04

Cone TreesCone Trees

For large tree structures it is impossible to find sufficient screen space

Cone trees provide a solution

Here is a movie

http://research.compaq.com/SRC/3D-animate/conetree.html

15.19Vis_04

Focus and Context for Volume VisualizationFocus and Context for Volume Visualization

Marcelo Cohen is studying whether we can apply focus + context ideas to volume visualization

15.20Vis_04

Spence Attribute ExplorerSpence Attribute Explorer

Spence has also developed a tool called Attribute Explorer– Compare it with xmdvtool– Look for brushing concept– Here is the movie

15.21Vis_04

RSVPRSVP

Recent Spence work addresses problem of browsing information spaces– Rapid Serial Visual Processing– To gain a quick view of what is

available– Distinction between browsing and

searching– Here is the movie

15.22Vis_04

Browsing the WebBrowsing the Web

Spence has also turned his attention to browsing the web – On mobile devices!– Here is the movie

15.23Vis_04

AcknowledgementsAcknowledgements

The movies were taken from Bob Spence’s Web Site at Imperial College