Animating SVG with Vivus

Vivus is a library that does one thing and does it really well (https://maxwellito.github.io/vivus/). Vivus allows you to "draw" the stroke of an SVG element across a period of time. 

The following series of screenshots show how that will look. It's a nice effect. 

As a note, the same illustration is used in three samples in this chapter. The code samples printed in the book truncate the d attribute of each path element in order to shorten the code sample to a manageable length. If you'd like to see the full sample, please refer to the code on GitHub (https://github.com/roblarsen/mastering-svg-code). 

As long as the ...

Get Mastering SVG now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.