Home

The Gemini Grammar

Gemini provides a declarative high-level grammar for the animated transitions. We designed the Gemini grammar to be:

• Expressive so that people/systems can easily try various animation designs.
• Systematically Generatable to enable systems (or program) to animate.
• Readable & Re-usable to facilitate editing/writing the animations.

{
  "timeline": block,
  "staggerings": [ ... ],
  "enumerators": [ ... ],
  "totalDuration": __number__ // optional
}

Timeline & Block

Gemini conducts the animation by following the timeline. It takes a block, which is a group of synchronized/concatenated steps or a single step.

Step

Steps compose the whole transitions. Each of them represents the change of the graphic component (e.g., axis, legends, and data marks) with timing (e.g., duration, delay).

Staggering

Gemini allows controlling the timing of the individual marks by the staggering technique. It can be used to limit the number of changing marks to reduce the overlaps between them or to group the movements of the marks by data fields.

Enumerator

Gemini can repeat some part of the timeline with enumerated filtering values by specifying the enumerator.