It was brought to my attention that animations using css stroke-dasharray & stroke-dashoffset are actually hard to understand so did a little write up, check it out:

https://andromedagalactic.com/blog/animating-drawing-svg-shapes-and-paths/