This SVG is an example of timed animations using object properties. fill = freeze
is used quite liberally here, to ensure that the animated object "freezes" in its end state until animated again.
- use a line tag for the horizontal stroke.
- use a path tag with a bizier curve for the curved portion.
- use the ellipse tag.
- Just a regular text tag.
- some animations have ids. This is so that other animations can take reference from them.