Output Format

Current output:

HTML
[document name].html
This is boilerplate HTML with an example for loading and running the files necessary to play the animation.

Renderer
vendor/snap.svg/snap.svg-min.js
Snap.svg is the rendering library we're using to draw SVG content.

Runtime
SnapSVGAnimator.js
The runtime javascript takes the timeline data and utilizes rendering library to draw and update content on the screen.

Timeline Data
[document name].json
The timeline data, contains all relevant information describing the animation. Currently in JSON, may compress this more and potentially use other formats to reduce file size.

The advantage of doing it like this is it allows us to potentially re-use the runtime for multiple animations. Re-using the 'SVGAnim' object, but passing a parameter with new Timeline Data.

Thoughts on improving output:

At some point do we want to break dependence from Snap.svg?