Line animation of words

a year later, but I've spent the last three weekends trying to animate words like this with all these stupid busted plugins, instead of just coming here. while the video has all of the info for the animation itself, what it doesn't have is how to create the SVG optimized for web to animate.

My personal process is:

1. create the words / graphics in adobe illustrator
2. expand all shapes and fills
3. compound paths on all elements
4. save as SVG 1.1 (default in CC)
5. run SVG through SVG-O (https://github.com/svg/svgo)

Note: this will only work with fairly simple vectors, which is why you have to use the above steps to distill your graphics into the most basic of vectors.

Hope this helps someone and saves them some frustration.