O'Reilly logo

Google Visualization API Essentials by Traci L. Ruthkoski

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Transition animation

Sometimes it is helpful to display two sets of data in animated sequence to illustrate the dynamics of the change in data values. The transition animation option in the Visualization API is intended for that purpose.

Controls for triggering a transition animation utilize standard HTML methods. Common elements, such as a simple button-click using the JavaScript onclick() method, can be used to initiate animation sequences. The following diagram is of the two states of a visualization. In one state, the total population of Chicago taken in the 2000 Census is shown. In the other state, the 2010 Chicago population is visualized. To toggle between the two bar graphs, the user is provided with a button in the upper-right hand corner ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required