When drawing lines with SVG, you often have a
<path></path> element with a
stroke. You set a
stroke-dasharray that is as long as the path itself, as well as a
stroke-offset that extends so far that the entire stroked path appears hidden initially. Then you animate the
stroke-offset back to
0 so you can watch it “draw” the shape.