This Article 
   
 Share 
   
 Bibliographic References 
   
 Add to: 
 
Digg
Furl
Spurl
Blink
Simpy
Google
Del.icio.us
Y!MyWeb
 
 Search 
   
Animated Transitions in Statistical Data Graphics
November/December 2007 (vol. 13 no. 6)
pp. 1240-1247
In this paper we investigate the effectiveness of animated transitions between common statistical data graphics such as bar charts, pie charts, and scatter plots. We extend theoretical models of data graphics to include such transitions, introducing a taxonomy of transition types. We then propose design principles for creating effective transitions and illustrate the application of these principles in DynaVis, a visualization system featuring animated data graphics. Two controlled experiments were conducted to assess the efficacy of various transition types, finding that animated transitions can significantly improve graphical perception.

[1] L. Bartram, Enhancing Visualizations with Motion. In Proc. IEEE InfoVis 1998, May 1998.
[2] P. Baudisch, D. Tan, M. Collomb, D. Robbins, K. Hinckley, M. Agrawala, S. Zhao, G. Ramos, Phosphor: Explaining Transitions in the User Interface Using Afterglow Effects. In Proc. ACM UIST 2006: 169–178, Montreux, Switzerland, Oct 2006.
[3] B.B. Bederson, A. Boltman, Does Animation Help Users Build Mental Maps of Spatial Information? In Proc. IEEE InfoVis 1999: 28, San Francisco, CA, Oct 1999.
[4] M. Bertamini, D. Proffitt, Hierarchical Motion Organization in Random Dot Configurations. In Journal of Experimental Psychology: Human Perception and Performance, 26 (4): 1371–1386, 2000.
[5] T. Bladh, D.A. Carr, M. Kljun, The Effect of Animated Transitions on User Navigation in 3D Treemaps. In Proc. Information Visualisation 2005: 297–305, Jul 2005.
[6] W.S. Cleveland, R. McGill, Graphical Perception and Graphical Methods for Analyzing Scientific Data. Science, 229: 828–833. 1985.
[7] S. Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten. Oakland, CA: Analytics Press. 2004.
[8] Gapminder. http:/www.gapminder.org
[9] C. Gonzales, Does Animation in User Interfaces Improve Decision Making? In Proc. ACM CHI 1996: 27–34, Vancouver, BC, Apr 1996.
[10] J. Heer, S.K. Card, DOITrees Revisited: Scalable, Space-Constrained Visualization of Hierarchical Data. In Proc. Advanced Visual Interfaces 2004: 421–424, Gallipoli, Italy, June 2004.
[11] S.E. Hudson, J.T. Stasko, Animation support in a User Interface Toolkit: Flexible, Robust, and Reusable Abstractions. In Proc. ACM UIST 1993: 57–67, Atlanta, Georgia, Nov 1993.
[12] S.M. Kosslyn, Understanding Charts and Graphs. Applied Cognitive Psychology, 3: 185–226. 1989.
[13] J. Lasseter, Principles of Traditional Animation applied to 3D Computer Animation. In Proc. ACM SIGGRAPH 1987: 35–44, July 1987.
[14] J.D. Mackinlay, Automating the Design of Graphical Presentations of Relational Information. ACM Trans. on Graphics, 5 (2): 110–141, 1986.
[15] Many-Eyes. http:/www.many-eyes.com
[16] A. Michotte, The Perception of Causality (T. Miles & E. Miles, Trans.) London: Methuen. (Original work published 1946), 1963.
[17] S. Palmer, Vision Science: Photons to Phenomenology. MIT Press, 1999.
[18] C. Plaisant, J. Grosjean, B.B. Bederson, SpaceTree: Supporting Exploration in a Large Node-Link Tree, Design Evolution and Empirical Evaluation. In Proc. IEEE InfoVis 2002: 57–64, Oct. 2002.
[19] G. Robertson, S.K. Card, J.D. Mackinlay, The Cognitive Coprocessor Architecture for Interactive User Interfaces. In Proc. ACM UIST 1989: 10–18, Williamburg, VA, Nov 1989.
[20] G. Robertson, S.K. Card, J.D. Mackinlay, Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proc. ACM CHI 1991: 189–194, New Orleans, LA, Apr 1991.
[21] G. Robertson, K. Cameron, M. Czerwinski, D. Robbins, Animated Visualization of Multiple Intersecting Hierarchies. Journal of Information Visualization, 1 (1): 50–65. Palgrave, 2002.
[22] I. Spence, S. Lewandowsky, Displaying proportions and percentages. Applied Cognitive Psychology, 5: 61–77, 1991.
[23] E. Tufte, The Visual Display of Quantitative Information. Graphics Press, 1983.
[24] B. Tversky, J. Morrison, M. Betrancourt, Animation: Can It Facilitate? Int. J. Human-Computer Studies, 57: 247–262, 2002.
[25] M. Wattenberg, J. Kriss, Designing for Social Data Analysis. IEEE Trans. on Visualization and Computer Graphics. 12 (4): 549–557. 2006.
[26] K.-P. Yee, D. Fisher, R. Dhamija, M. Hearst, Animated Exploration of Graphs with Radial Layout. In Proc. IEEE InfoVis 2001: 43–50, 2001.
[27] D. Zongker, D. Salesin, On Creating Animated Presentations. In Proc. Eurographics/SIGGRAPH Symp. on Comp. Animation: 298–308, 2003.

Index Terms:
Statistical data graphics, animation, transitions, information visualization, design, experiment
Citation:
Jeffrey Heer, George Robertson, "Animated Transitions in Statistical Data Graphics," IEEE Transactions on Visualization and Computer Graphics, vol. 13, no. 6, pp. 1240-1247, Nov.-Dec. 2007, doi:10.1109/TVCG.2007.70539
Usage of this product signifies your acceptance of the Terms of Use.