SVG stroke-dashoffsets have always confused me. I couldn't never figure out which way the line was going to move as I increased or decreased them. So I made some interactive examples to help.