Can we move circles diagonally using animate or some other tag ?

Question

Can we move circles diagonally using animate or some other tag ?

Answer 1

by adding 2 animate tag, and select cx and cy for attributeName

<svg width="2000" height="2000">
<circle cx="80" cy="80" r="50" fill="green">
<!-- this animate for x position -->
<animate attributeName="cx" from="80" to="300"
dur="3s" fill="freeze" repeatCount="2"/>
<!-- this animate for y position -->
<animate attributeName="cy" from="80" to="300"
dur="3s" fill="freeze" repeatCount="2"/>
</circle>
</svg>

Answer 2

yes you can