Online Draw Svg Path. Edit your drawings with a powerful SVG editor. Paste or edit the raw path in the path field.
I think these online tools that allow Realtime GUI editing as well as direct Code Editing should qualify. Q quadratic Bézier curve. You can optimize the default image from 1356 bytes to 610 bytes.
Experiment with different dasharray values to make a dashed line and move the line along its path with the Offset animator.
However if a GUI is more of your thing you can use the Lazy Line Composer which is a free online editor for SVG path animation from the same makers. Method Draw is a simple open source vector drawing application. SVG builder Download SVG View SVG. However if a GUI is more of your thing you can use the Lazy Line Composer which is a free online editor for SVG path animation from the same makers.