SVG animation help

Question

I just learned html and am working on java. I'm practicing html doing svg animations and I'm lost as to how to align say a circle on the lower left of the screen and then animate it moving to the right. The lesson covered only the x or y axis and not how to utilize both.

Answer 1

Follow this tutorial
https://jakearchibald.com/2013/animated-line-drawing-svg/
It teaches you use vector drawing software Inkscape to create SVG line and animated it using Css and Javascript.

Here the sample:

https://code.sololearn.com/Wk0dg4tllEvy/?ref=app

Answer 2

Thank you kindly!