RouteFlow: Trajectory-Aware Animated Transitions. 

Best Paper Award at  

Abstract: 

Animating objects’ movements is widely used to facilitate tracking changes and observing both the global trend and local hotspots where objects converge or diverge. Existing methods, however, often obscure critical local hotspots by only considering the start and end positions of objects’ trajectories. To address this gap, we propose RouteFlow, a trajectory-aware animated transition method that effectively balances the global trend and local hotspots while minimizing occlusion. RouteFlow is inspired by a real-world bus route analogy: objects are regarded as passengers traveling together, with local hotspots representing bus stops where these passengers get on and off. Based on this analogy, animation paths are generated like bus routes, with the object layout generated similarly to seat allocation according to their destinations. Compared with state-of-the-art methods through a quantitative experiment and a user study, RouteFlow better facilitates identifying the global trend and locating local hotspots while performing comparably in tracking objects’ movements. 

Main reference:

D. Li, X. Guo, X. Shu, L. Xiao, L. Yu, and S. Liu. “RouteFlow: Trajectory-Aware Animated Transitions.” In: Proceedings of the 2025 CHI Conference on Human Factors in Computing Systems. CHI ’25. Japan: Association for Computing Machinery, 2025. isbn: 9798400713941. doi: 10.1145/3706598.3714300.

BibTex:

@inproceedings{Li:2025:RouteFlow,
author = {Li, Duan and Guo, Xinyuan and Shu, Xinhuan and Xiao, Lanxi and Yu, Lingyun and Liu, Shixia},
title = {RouteFlow: Trajectory-Aware Animated Transitions},
year = {2025},
isbn = {9798400713941},
publisher = {Association for Computing Machinery},
address = {New York, NY, USA},
url = {https://doi.org/10.1145/3706598.3714300},
doi = {10.1145/3706598.3714300},
booktitle = {Proceedings of the 2025 CHI Conference on Human Factors in Computing Systems},
articleno = {1116},
numpages = {17},
keywords = {trajectory data, animation, edge bundling},
location = {},
series = {CHI ’25}
}