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