SVG – Scalable Vector Graphics

SVG / Hierarchical Transformations

SVG animation is created with hierarchical transformations

  • Scale, rotate and translate at least once,
  • A group tag for each level in the hierarchy,
  • Each each level in the hierarchy have at least one associated transform.
  • There are at least three levels of hierarchy,
  • Excluding leaf nodes (levels at the bottom), root and internal nodes (top levels) have at least two child nodes (sub-levels)

Additionally: If both UFO’s and Bicycle’s animations not work properly, use Chrome web browser.