Vivus is a little JavaScript class (little because it’s lightweight and have no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want.

svg-animation

Every path element is drawn at the same time with a little delay at the start. This is the animation by default.

Each line is drawn asynchronously. They all starts and finishes at the same time, this is why `async`.

Each path element is drawn one after each other. This animation give a proper impression of live drawing.

[gpp_button color=”blue” url=”http://maxwellito.github.io/vivus/” title=”free fonts” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]DOWNLOAD[/gpp_button]