1. 15.1 Vis_04 Data Visualization Lecture 15 Information Visualization : Part 3

2. 15.2 Vis_04 Visualizing Web Searches www.kartoo.com

3. 15.3 Vis_04 Sequence Visualization n Visualizing sequence of bases, or nucleotides, in DNA is a particularly challenging application n Bases are: GCAT Thanks to Netta Cohen for these three slides

4. 15.4 Vis_04 Walking through the Genome n 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 dont understand all the rules

5. 15.5 Vis_04 Walking through the Genome in 1D AGCTGCGAGTCGAGTTGGCA… value A,G purines T,C pyrimidines Ui = i Ui

6. 15.6 Vis_04 Focus and Context n A recurring problem in Information Visualization is lack of screen real estate n Challenge has been addressed in some innovative ways n Want to achieve: – Focus: to see detail of immediate interest – Context: to see the overall picture

7. 15.7 Vis_04 Bifocal Display n Probably the first suggestion was the bifocal display of Spence and Apperley – Play Spence bifocal_lens movieSpence bifocal_lens movie

8. 15.8 Vis_04 Bifocal Display n Implemented as an image browser that scales different areas of image in different ways – Chris North, Univ of Maryland

9. 15.9 Vis_04 What is the Bifocal Display Doing? n Transforming the information space to the display space – Visual transfer functions – cf colour transfer functions in scivis Information space Display Space Normal display Information space Display Space Bifocal display context focus

10. 15.10 Vis_04 Developing the Idea n Card, Robinson and McKinlay developed the idea into the Perspective Wall Perspective Wall

11. 15.11 Vis_04 The Perspective Wall 2D layout wrapped around a 3D structure Space utilisation: - detail on centre panel 3x size of equivalent flat wall fitting field of view

12. 15.12 Vis_04 Perspective Wall n 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

13. 15.13 Vis_04 Perspective Wall n In terms of transfer function, the situation is closer to the early Spence movie – Perspective gives smoother transition from focus to context Information space Display Space Perspective Wall context focus

14. 15.14 Vis_04 FishEye Menus n Here is the same idea applied to menus – Ben Bederson, University of Maryland n See also: – http://www.samuelwan.com/downloads/ com.samuelwan.eidt/fisheyemenu/ FisheyeMenuDemo.html http://www.samuelwan.com/downloads/

15. 15.15 Vis_04 Comparison of Menu Styles n Research pages at University of Maryland include a nice applet that allows you to compare different menu styles – Arrow bar – Scroll Bar – Hierarchical – FishEye n Screenshots on next slide created from: – http://www.cs.umd.edu/ hcil/fisheyemenu/ fisheyemenu-demo.shtml http://www.cs.umd.edu/ hcil/fisheyemenu/

16. 15.16 Vis_04 Menus arrow scroll hierarchical fisheye

17. 15.17 Vis_04 Question n Why is a magnifying glass no good for focus and context?

18. 15.18 Vis_04 Cone Trees n For large tree structures it is impossible to find sufficient screen space n Cone trees provide a solution n Here is a moviemovie http://research.compaq.com/SRC/3D- animate/conetree.html

19. 15.19 Vis_04 Focus and Context for Volume Visualization n Marcelo Cohen is studying whether we can apply focus + context ideas to volume visualization

20. 15.20 Vis_04 Spence Attribute Explorer n Spence has also developed a tool called Attribute Explorer – Compare it with xmdvtool – Look for brushing concept – Here is the moviemovie

21. 15.21 Vis_04 RSVP n 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 moviemovie

22. 15.22 Vis_04 Browsing the Web n Spence has also turned his attention to browsing the web – On mobile devices! – Here is the moviemovie

23. 15.23 Vis_04 Acknowledgements n The movies were taken from Bob Spences Web Site at Imperial College