skip to main content
10.1145/2702123.2702476acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article

Trajectory Bundling for Animated Transitions

Published: 18 April 2015 Publication History

Abstract

Animated transition has been a popular design choice for smoothly switching between different visualization views or layouts, in which movement trajectories are created as cues for tracking objects during location shifting. Tracking moving objects, however, becomes difficult when their movement paths overlap or the number of tracking targets increases. We propose a novel design to facilitate tracking moving objects in animated transitions. Instead of simply animating an object along a straight line, we create "bundled" movement trajectories for a group of objects that have spatial proximity and share similar moving directions. To study the effect of bundled trajectories, we untangle variations due to different aspects of tracking complexity in a comprehensive controlled user study. The results indicate that using bundled trajectories is particularly effective when tracking more targets (six vs. three targets) or when the object movement involves a high degree of occlusion or deformation. Based on the study, we discuss the advantages and limitations of the new technique, as well as provide design implications.

Supplementary Material

MP4 File (p289.mp4)

References

[1]
Alvarez, G. A., and Franconeri, S. L. How many objects can you track? evidence for a resource-limited attentive tracking mechanism. Journal of Vision 7, 13 (2007), 14.1--10.
[2]
Bach, B., Pietriga, E., and Fekete, J.-D. Graphdiaries: Animated transitions and temporal navigation for dynamic networks. IEEE TVCG 20, 5 (2014), 740--754.
[3]
Baecker, R., and Small, I. Animation at the interface, 1990.
[4]
Cao, N., Gotz, D., Sun, J., and Qu, H. Dicon: Interactive visual analysis of multidimensional clusters. IEEE TVCG 17, 12 (2011), 2581--2590.
[5]
Chevalier, F., Dragicevic, P., and Franconeri, S. The not-so-staggering effect of staggered animated transitions on visual tracking. IEEE TVCG 20, 12 (2014), 2241--2250.
[6]
Dragicevic, P., Bezerianos, A., Javed, W., Elmqvist, N., and Fekete, J.-D. Temporal distortion for animated transitions. In Proc. of SIGCHI (2011), 2009--2018.
[7]
Eades, P. A heuristics for graph drawing. Congr. Numer. 42 (1984), 146--160.
[8]
Elmqvist, N., Dragicevic, P., and Fekete, J.-D. Rolling the dice: Multidimensional visual exploration using scatterplot matrix navigation. IEEE TVCG 14, 6 (2008), 1539--1148.
[9]
Feria, C. S. Speed has an effect on multiple-object tracking independently of the number of close encounters between targets and distractors. Attention, Perception & Psychophysics 75, 1 (2013), 53--67.
[10]
Franconeri, S. L., Jonathan, S. V., and Scimeca, J. M. Tracking multiple objects is limited only by object spacing, not by speed, time, or capacity. Psychological Science 21, 7 (2010), 920--925.
[11]
Franconeri, S. L., Lin, J. Y., Pylyshyn, Z. W., Fisher, B., and Enns, J. T. Evidence against a speed limit in multiple-object tracking. Psychonomic Bulletin & Review 15, 4 (2008), 802--808.
[12]
Franconeri, S. L., Pylyshyn, Z. W., and Scholl, B. J. A simple proximity heuristic allows tracking of multiple objects through occlusion. Attention, Perception & Psychophysics 74, 4 (2012), 691--702.
[13]
Guilmaine, D., Viau, C., and McGuffin, M. J. Hierarchically animated transitions in visualizations of tree structures. In Proc. of AVI (2012), 514--521.
[14]
Heer, J., and Robertson, G. Animated transitions in statistical data graphics. IEEE TVCG 13, 6 (2007), 1240--1247.
[15]
Henry, N., Fekete, J.-D., and McGuffin, M. Nodetrix: a hybrid visualization of social networks. IEEE TVCG 13, 6 (2007), 1302--1309.
[16]
Holten, D. Hierarchical edge bundles: Visualization of adjacency relations in hierarchical data. IEEE TVCG 12, 5 (2006), 741--748.
[17]
Jardine, N. L., and Seiffert, A. E. Tracking objects that move where they are headed. Attention, Perception & Psychophysics 73, 7 (2011), 2168--2179.
[18]
Jolicoeur, P., Ullman, S., and Mackay, M. Curve tracing: A possible basic operation in the perception of spatial relations. Memory & Cognition 14, 2 (1986), 129--140.
[19]
Koflka, K. Principles of gestalt psychology. New York: Har (1935).
[20]
Lasseter, J. Principles of traditional animation applied to 3d computer animation. ACM Siggraph Computer Graphics 21, 4 (1987), 35--44.
[21]
Plaisant, C., Grosjean, J., and Bederson, B. B. Spacetree: Supporting exploration in large node link tree, design evolution and empirical evaluation. In IEEE InfoVis (2002), 57--64.
[22]
Pylyshyn, Z. W. Some puzzling findings in multiple object tracking: I. tracking without keeping track of object identities. Visual Cognition 11, 7 (2004), 801--822.
[23]
Pylyshyn, Z. W., and Storm, R. W. Tracking multiple independent targets: evidence for a parallel tracking mechanism. Spatial Vision 3, 3 (1988), 179--197.
[24]
Robertson, G., Fernandez, R., Fisher, D., Lee, B., and Stasko, J. Effectiveness of animation in trend visualization. IEEE TVCG 14, 6 (2008), 1325--1332.
[25]
Scholl, B. J., Pylyshyn, Z. W., and Feldman, J. What is a visual object? evidence from target merging in multiple object tracking. Cognition 80, 1--2 (2001), 159--177.
[26]
Shim, W. M., Alvarez, G. A., and Jiang, Y. V. Spatial separation between targets constrains maintenance of attention on multiple objects. Psychonomic Bulletin & Review 15, 2 (2008), 390--397.
[27]
Suganuma, M., and Yokosawa, K. Grouping and trajectory storage in multiple object tracking: impairments due to common item motions. Perception 35, 4 (2006), 483--495.
[28]
Tversky, B., Morrison, J. B., and Betrancourt, M. Animation: Can it facilitate? International Journal of Human-Computer Studies 57, 4 (2002), 247--262.
[29]
Wattenberg, M. Visual exploration of multivariate graphs. In Proc. of SIGCHI (2006), 811--819.
[30]
Yantis, S. Multielement visual tracking: Attention and perceptual organization. Cognitive Psychology 24, 3 (1992), 295--340.

Cited By

View all
  • (2025)Authoring Data-Driven Chart Animations Through Direct ManipulationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.349150431:2(1613-1630)Online publication date: Feb-2025
  • (2025)Visual Complexity of Point Set MappingsSOFSEM 2025: Theory and Practice of Computer Science10.1007/978-3-031-82697-9_12(157-171)Online publication date: 16-Feb-2025
  • (2024)Comparative Evaluation of Animated Scatter Plot TransitionsIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.338855830:6(2929-2941)Online publication date: 16-Apr-2024
  • Show More Cited By

Index Terms

  1. Trajectory Bundling for Animated Transitions

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    CHI '15: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems
    April 2015
    4290 pages
    ISBN:9781450331456
    DOI:10.1145/2702123
    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 the author(s) 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

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 18 April 2015

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. animated transitions
    2. information visualization
    3. movement trajectory bundling
    4. multiple object tracking

    Qualifiers

    • Research-article

    Funding Sources

    • U.S. Defense Advanced Research Projects Agency (DARPA)

    Conference

    CHI '15
    Sponsor:
    CHI '15: CHI Conference on Human Factors in Computing Systems
    April 18 - 23, 2015
    Seoul, Republic of Korea

    Acceptance Rates

    CHI '15 Paper Acceptance Rate 486 of 2,120 submissions, 23%;
    Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

    Upcoming Conference

    CHI 2025
    ACM CHI Conference on Human Factors in Computing Systems
    April 26 - May 1, 2025
    Yokohama , Japan

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)33
    • Downloads (Last 6 weeks)3
    Reflects downloads up to 17 Feb 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2025)Authoring Data-Driven Chart Animations Through Direct ManipulationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.349150431:2(1613-1630)Online publication date: Feb-2025
    • (2025)Visual Complexity of Point Set MappingsSOFSEM 2025: Theory and Practice of Computer Science10.1007/978-3-031-82697-9_12(157-171)Online publication date: 16-Feb-2025
    • (2024)Comparative Evaluation of Animated Scatter Plot TransitionsIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.338855830:6(2929-2941)Online publication date: 16-Apr-2024
    • (2023)Evaluating Graphical Perception of Visual Motion for Quantitative Data EncodingIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2022.319375629:12(4845-4857)Online publication date: Dec-2023
    • (2021)Data Animator: Authoring Expressive Animated Data GraphicsProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445747(1-18)Online publication date: 6-May-2021
    • (2021)CAST: Authoring Data-Driven Chart AnimationsProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445452(1-15)Online publication date: 6-May-2021
    • (2021)Projection Path Explorer: Exploring Visual Patterns in Projected Decision-making PathsACM Transactions on Interactive Intelligent Systems10.1145/338716511:3-4(1-29)Online publication date: 3-Sep-2021
    • (2021)Animated Presentation of Static Infographics with InfoMotionComputer Graphics Forum10.1111/cgf.1432540:3(507-518)Online publication date: 29-Jun-2021
    • (2021) Gemini 2 : Generating Keyframe-Oriented Animated Transitions Between Statistical Graphics 2021 IEEE Visualization Conference (VIS)10.1109/VIS49827.2021.9623291(201-205)Online publication date: Oct-2021
    • (2021)Staged Animation Strategies for Online Dynamic NetworksIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2020.303038527:2(539-549)Online publication date: Feb-2021
    • 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