Vivus – JavaScript library to make drawing animation on SVG

Advertisement

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.

DOWNLOAD