skip to main content
10.1145/1879211.1879236acmconferencesArticle/Chapter ViewAbstractPublication PagessoftvisConference Proceedingsconference-collections
research-article

Off-screen visualization techniques for class diagrams

Published: 25 October 2010 Publication History

Abstract

Visual representations of node-link diagrams are very important for the software development process. In many situations large diagrams - probably consisting of hundreds of nodes and edges - have to be edited and explored. In state-of-the-art modeling tools these activities are often accompanied by time consuming panning and zooming. In this paper we contribute the application of off-screen visualization techniques to the domain of node-link diagrams in general and to UML class diagrams in particular. The basic idea of the approach is to give a contextual view of all nodes which are clipped from the current viewport. Nodes are represented by proxy elements located within an interactive border region. The proxies show information of the associated off-screen nodes and can be used to quickly navigate to the respective node. However, there are several challenges when this technique is adapted to node-link diagrams, for example concerning the change of edge routing or scalability. We describe the design space of this approach and present different visualization and interaction techniques in detail. Furthermore, we conducted a formative evaluation of our first prototype. Based on the observations made during the evaluation, we came to final suggestions how particular techniques should be combined.

Supplementary Material

JPG File (p163-frisch.jpg)
MP4 File (p163-frisch.mp4)

References

[1]
Baudisch, P. and Rosenholtz, R. 2003. Halo: a technique for visualizing Offscreen objects. In Proc. of the CHI '03 (Ft. Lauderdale, Florida, USA, April 05 - 10, 2003). ACM, pp. 481--488.
[2]
Cherubini, M., Venolia, G., DeLine, R., and Ko, A. J. 2007. Let's go to the whiteboard: how and why software developers use drawings. In Proc. of CHI '07 (San Jose, California, USA, April 28 - May 03, 2007). ACM, pp. 557--566.
[3]
Cockburn, A., Karlson, A., and Bederson, B. B. 2008. A review of overview+detail, zooming, and focus+context interfaces. ACM Comput. Surv. 41, 1 (Dec. 2008), pp. 1--31.
[4]
Dobing, B. and Parsons, J. 2006. How UML is used. Commun. ACM 49, 5 (May. 2006), pp. 109--113.
[5]
Dwyer, T., Marriott, K., Schreiber, F., Stuckey, P., Woodward, M., and Wybrow, M. 2008. Exploration of Networks using overview+detail with Constraint-based cooperative layout. IEEE Transact.on Visualization and Computer Graphics 14, 6 (Nov. 2008), pp. 1293--1300.
[6]
Eclipse UML, http://www.eclipse.org/uml2
[7]
Eichelberger, H., Schmid, K., 2009. Guidelines on the aesthetic quality of UML class diagrams, Information and Software Technology, Volume 51, Issue 12, December 2009, pp. 1686--1698, ISSN 0950-5849
[8]
Furnas, G. W. 1986. Generalized fisheye views. SIGCHI Bull. 17, 4 (Apr. 1986), 16--23.
[9]
Gustafson, S., Baudisch, P., Gutwin, C., and Irani, P. 2008. Wedge: clutter-free visualization of Offscreen locations. In Proc. of CHI '08 (Florence, Italy, April 05 - 10, 2008). ACM, 787--796.
[10]
IBM Rational Rose, http://www.ibm.com/software/awdtools/developer/rose/
[11]
Irani, P., Gutwin, C., and Yang, X. D. 2006. Improving selection of Offscreen targets with hopping. In Proc. of CHI '06 (Montréal, Québec, Canada, April 22 - 27, 2006). ACM, pp. 299--308.
[12]
Jacobs, T. and Musial, B. 2003. Interactive visual debugging with UML. In Proc. of Symposium on Software Visualization (San Diego, California, June 11 - 13) SoftVis '03. ACM, pp. 115--122.
[13]
Kagdi, H. and Maletic, J. I. 2007. Onion Graphs for Focus+Context Views of UML Class Diagrams. In Proc. VISSOFT '07, Banff, Canada, pp. 80--87
[14]
Microsoft Visio, http://office.microsoft.com/visio
[15]
Moscovich, T., Chevalier, F., Henry, N., Pietriga, E., and Fekete, J. 2009. Topology-aware navigation in large networks. In Proc. of CHI '09 (Boston, MA, USA, April 04 - 09, 2009). ACM, pp. 2319--2328
[16]
Nekrasovski, D., Bodnar, A., McGrenere, J., Guimbretière, F., and Munzner, T. 2006. An evaluation of pan & zoom and rubber sheet navigation with and without an overview. In Proc. of CHI '06 (Montréal, Québec, Canada, April 22 - 27, 2006). ACM, pp. 11--20.
[17]
Object Management Group, http://www.uml.org/
[18]
Petre, M. 1995. Why looking isn't always seeing: readership skills and graphical programming. Commun. ACM 38, 6 (Jun. 1995), pp. 33--44
[19]
Sarkar, M. and Brown, M. H. 1994. Graphical fisheye views. Commun. ACM 37, 12 (Dec. 1994), 73--83.
[20]
Sharp, R. and Rountev, A. 2005. Interactive Exploration of UML Sequence Diagrams. In Proc. of VISSOFT '05 (September 25 - 25, 2005). IEEE Computer Society, Washington, DC, 8.
[21]
Soukup, J. and Soukup, M. 2007. The Inevitable Cycle: Graphical Tools and Programming Paradigms. Computer 40, 8 (Aug. 2007), 24--30
[22]
Sparx Systems, http://www.sparxsystems.com/
[23]
Spence, R, Apperley, M. 1982. Database navigation: An office enironment for the professional. Behav.Inf. Technol. 1, 1, 43--54
[24]
Reinhard, T., Meier, S. and Glinz, M. 2007. An Improved Fisheye Zoom Algorithm for Visualizing and Editing Hierarchical Models. In Proc. of the International Workshop on Requirements Engineering Visualization (October 15 - 19, 2007). REV. IEEE Computer Society
[25]
Tominski, C., Abello, J., van Ham, F., and Schumann, H. 2006. Fisheye Tree Views and Lenses for Graph Visualization. In Proc. of the Conference on information Visualization (July 05 - 07, 2006). IEEE Computer Society, Washington, DC, pp. 17--24
[26]
Tominski, C.; Abello, J.; Schumann, H. 2009. Two Novel Techniques for Interactive Navigation of Graph Layouts, In Proc of EuroVis'09, Berlin.
[27]
Turetken, O., Schuff, D., Sharda, R., and Ow, T. T. 2004. Supporting systems analysis and design through fisheye views. Commun. ACM 47, 9 (Sep. 2004), pp. 72--77.
[28]
van Wijk, J., Nuij, W., "A Model for Smooth Viewing and Navigation of Large 2D Information Spaces," IEEE Transact. on Visualization and Computer Graphics, pp. 447--458
[29]
Wu, J., and M.-A. Storey. 2000. "A multi-perspective software visualization environment", in Proceedings of CASCON'2000, November 2000, pp. 41--50.
[30]
Wybrow, M., Marriott, K., Stuckey, P.J. 2006. Incremental connector routing. In: GD 2005. Volume 3843 of LNCS., Springer, pp. 446--457.
[31]
Zellweger, P. T., Mackinlay, J. D., Good, L., Stefik, M., and Baudisch, P. 2003. City lights: contextual views in minimal space. In CHI '03 Ext. Abs. on Human Factors in Computing Systems (Ft. Lauderdale, Florida, USA, April 05 - 10, 2003). ACM, pp. 838--839.

Cited By

View all
  • (2021)MARVIS: Combining Mobile Devices and Augmented Reality for Visual Data AnalysisProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445593(1-17)Online publication date: 6-May-2021
  • (2021)Visualizing Off-screen Targets: Effects of Response Time and Visual Cue Design on Users’ Wayfinding Performance Using a Dynamic Peephole InterfaceInternational Journal of Human–Computer Interaction10.1080/10447318.2021.187635637:13(1220-1230)Online publication date: 1-Feb-2021
  • (2017)ImitGraphsProceedings of the 9th International Workshop on Modelling in Software Engineering10.5555/3104068.3104084(61-67)Online publication date: 20-May-2017
  • Show More Cited By

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences
SOFTVIS '10: Proceedings of the 5th international symposium on Software visualization
October 2010
238 pages
ISBN:9781450300285
DOI:10.1145/1879211
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

In-Cooperation

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 25 October 2010

Permissions

Request permissions for this article.

Check for updates

Author Tags

  1. UML
  2. contextual view
  3. interaction
  4. navigation
  5. node-link diagrams
  6. off-screen visualization

Qualifiers

  • Research-article

Conference

SOFTVIS '10
SOFTVIS '10: International Symposium on Software Visualization
October 25 - 26, 2010
Utah, Salt Lake City, USA

Acceptance Rates

Overall Acceptance Rate 20 of 65 submissions, 31%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)10
  • Downloads (Last 6 weeks)2
Reflects downloads up to 16 Feb 2025

Other Metrics

Citations

Cited By

View all
  • (2021)MARVIS: Combining Mobile Devices and Augmented Reality for Visual Data AnalysisProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445593(1-17)Online publication date: 6-May-2021
  • (2021)Visualizing Off-screen Targets: Effects of Response Time and Visual Cue Design on Users’ Wayfinding Performance Using a Dynamic Peephole InterfaceInternational Journal of Human–Computer Interaction10.1080/10447318.2021.187635637:13(1220-1230)Online publication date: 1-Feb-2021
  • (2017)ImitGraphsProceedings of the 9th International Workshop on Modelling in Software Engineering10.5555/3104068.3104084(61-67)Online publication date: 20-May-2017
  • (2017)ImitGraphs: Towards Faster Usability Tests of Graphical Model Manipulation Techniques2017 IEEE/ACM 9th International Workshop on Modelling in Software Engineering (MiSE)10.1109/MiSE.2017.2(61-67)Online publication date: May-2017
  • (2017)Challenges of working with artifacts in requirements engineering and software engineeringRequirements Engineering10.1007/s00766-017-0272-z22:3(359-385)Online publication date: 1-Sep-2017
  • (2015)A magnet-and-spring based visualization technique for enhancing the manipulation of requirements artifacts2015 IEEE 23rd International Requirements Engineering Conference (RE)10.1109/RE.2015.7320459(400-405)Online publication date: Aug-2015
  • (2015)Assessing the use of slicing-based visualizing techniques on the understanding of large metamodelsInformation and Software Technology10.1016/j.infsof.2015.02.00762:C(124-142)Online publication date: 1-Jun-2015
  • (2014)Slicing-Based Techniques for Visualizing Large MetamodelsProceedings of the 2014 Second IEEE Working Conference on Software Visualization10.1109/VISSOFT.2014.14(25-29)Online publication date: 29-Sep-2014
  • (2014)Herausforderung Multi-Touch – Konzeptionelle Erweiterung eines interaktiven PrototypingwerkzeugsMulti-Touch10.1007/978-3-642-36113-5_11(239-261)Online publication date: 8-Feb-2014
  • (2013)CanyonProceedings of the SIGCHI Conference on Human Factors in Computing Systems10.1145/2470654.2466431(3149-3158)Online publication date: 27-Apr-2013
  • Show More Cited By

View Options

Login options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Figures

Tables

Media

Share

Share

Share this Publication link

Share on social media