A Visualization Technique Using Loop Animations

  • Takao ItoEmail author
  • Kazuo Misue
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9734)


Animation extends the dimensions of spaces for visual representations by adding a temporal dimension. Although various techniques using animation have been proposed, most of them use a temporal dimension in the representation space only for representing temporal data. To represent quantitative data, an animation technique is proposed. A short animation played repeatedly is called a “loop animation.” The frequency of loop animations can represent quantitative data. Four variations of loop animations were designed and an experiment was conducted to evaluate their accuracy in representing quantitative data. In the experiment, loop animations were compared with static visual representations. The results showed that animations, in which either marks were spun or sizes were vibrated, were more accurate than visual representations using brightness and area.


Visualization Loop animation 


  1. 1.
    Archambault, D., Purchase, H.C., Pinaud, B.: Animation, small multiples, and the effect of mental map preservation in dynamic graphs. IEEE Trans. Vis. Comput. Graph. 17(4), 539–552 (2011)CrossRefzbMATHGoogle Scholar
  2. 2.
    Bertin, J.: Semiology of Graphics: Diagrams, Networks Maps. University of Wisconsin Press, Madison (1984)Google Scholar
  3. 3.
    Cleveland, W.S., McGill, R.: Graphical perception: theory, experimentation, and application to the development of graphical methods. J. Am. Stat. Assoc. 79(387), 531–554 (1984)MathSciNetCrossRefGoogle Scholar
  4. 4.
    Elmqvist, N., Dragicevic, P., Fekete, J.D.: Rolling the dice: Multidimensional visual exploration using scatterplot matrix navigation. IEEE Trans. Vis. Comput. Graph. 14(6), 1141–1148 (2008)CrossRefGoogle Scholar
  5. 5.
    Heer, J., Robertson, G.: Animated transitions in statistical data graphics. IEEE Trans. Vis. Comput. Graph. 13(6), 1240–1247 (2007)CrossRefGoogle Scholar
  6. 6.
    Huber, D.E., Healey, G.C.: Visualizing data with motion. In: Visualization, 2005 VIS 2005, pp. 527–534. IEEE (2005)Google Scholar
  7. 7.
    Ito, T., Misue, K., Tanaka, J.: A development environment for InfoVis system using dataflow visual language. In: IPSJ SIG Technical report, HCI, 2015-HCI, vol. 162(22), pp. 1–8 (2015). (in Japanese)Google Scholar
  8. 8.
    Mackinlay, J.: Automating the design of graphical presentations of relational information. ACM Trans. Graph. 5(2), 110–141 (1986)CrossRefGoogle Scholar
  9. 9.
    Munzner, T.: Visualization Analysis and Design. AK Peters/CRC Press, Boca Raton (2014)Google Scholar
  10. 10.
    Rufiange, S., McGuffin, J., DiffAni, M.: Visualizing dynamic graphs with a hybrid of difference maps and animation. IEEE Trans. Vis. Comput. Graph. 19(12), 2556–2565 (2013)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing Switzerland 2016

Authors and Affiliations

  1. 1.Department of Computer ScienceUniversity of TsukubaTsukubaJapan
  2. 2.Faculty of Engineering, Information and SystemsUniversity of TsukubaTsukubaJapan

Personalised recommendations