Instructions: Upload an SVG image. The first Path object in the SVG will be used to create a connect-the-dots game. Use the options to automatically set the number of dots, dot sizes, and other features. You can also manually drag points and text for fine tuning. Toggle the Path line off using the Toggle Path button when you are done.

---

Choose Path:

Toggle Path
Toggle Background Visibility
Toggle Lines
Function to generate dots indices: (pathIndex, i) => ((pathIndex ? String.fromCharCode(64 + pathIndex) : '') + (i + 1))

Number of points:
Point size:
Text font size:
Text offset X:
Text offset Y:
Filter out points forming an angle above :
Alternate custom function to filter points: