Segment – A little JavaScript class to draw and animate SVG path strokes

      

Segment is a little JavaScript class – 2kb (without dependencies) to draw and animate SVG path strokes.

The advantages of using Segment is that you can animate the transition from one segment to another, define a begin and end values with expressions like “50% + 10”, set delays, easing functions, callbacks, and all these with less than 2kb!

The easing functions used in this demo belong to the excellent library d3-ease.

animate-SVG-path-strokes

Segment

View All Free Tools