Coördinator by Spotify

Coördinator is an open source browser interface to help you turn an SVG into XY coordinates. That means you can now take any SVG file, turn it into dots, and use those dots in a data visualization. How does it work? It’s all based on two simple, powerful SVG methods: SVGGeometryElement.getTotalLength() and SVGGeometryElement.getPointAtLength(). The first method gets the length of a path within an SVG. Then, you can divide the length into the number of points you want, and use the second method to get the XY coordinates of the points at those length positions. Coördinator handles multiple paths for you- These two methods work great to convert an SVG with a single path into a list of coordinates. But many SVGs have multiple paths. If you have a fixed number of dots you want in your shape, it requires a bit of math to make sure that your dots are evenly spaced between your different paths. Coördinator does that for you!