Parallel and Series Timelines - Linear & Quadratic

Various animations are running smoothly at the same time, and in sequence. Arranged to run either in series or parallel. This example draws circles, lines, and ellipse.
Animation Sequence:
1. start Ellipse and Draw yellow Circle
2. Draw top/bottom blue lines
3. Draw top/bottom red circles
4. Draw top/bottom green lines
5. Draw top/bottom green circles
6. Draw top/bottom red lines
7. Draw orange circle
on finish: Ellipse is white.

SVG Source:
OK in:IE11/CH32/FF23