SVG Path Animation

A work in progress inspired by a tip by Mike Bostock. Click on the image below to see the effect in action:

How it's done:


animatePaths({
	paths: document.querySelectorAll('#drawing path'), // selects all paths in #drawing div
	duration: 3000 // in milliseconds
});

Grab svg-animate.js from GitHub. Works in all modern browsers.