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.