How to do "Translating to a coordinate"

Question

So, i have a svg circle. I want to translate it to a new coordinate. Can't use pixel since it messes up everything. Read the documentation slightly theres talk about viewBox viewport and PreserveAspectRatio.. And none of them made sense to me rn. If anyone has a simpler explanation please let me know.

Answer 1

Do you have sample code we can work with? Would be nice to know the starting point, the desired end result, and any preferred method of getting there (i.e. animation, onclick, etc.).

For what it's worth, here's one I worked on recently for someone else with polyline:

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

Answer 2

https://code.sololearn.com/WFWgJI5xCxNf/?ref=app
Here is one
I should mention that I am trying to move the starting circle to the end circle in a straight line.