SVG Dashes around the edge of a Circle

Written 2020-01-08 — Updated 2021-01-26

UI
Source: https://codepen.io/shshaw/pen/OJPQqQJ
This uses the pathLength and stroke-dasharray SVG attributes to generate a certain number of dashes around the circle.

Thanks for reading! If you have any questions or comments, please send me a note on Twitter. And if you enjoyed this, I also have a newsletter where I send out interesting things I read and the occasional nature photo.