How to animate lines and polylines in SVG?

Question

I want to animate a line but when I put the attributeName to x1, only one part of the line moving while for polylines nothing is moving please I need your help.

Answer 1

I found the solution to my problem,
For the line I just needed to create multiple animate elements to set the functionName to x1 and x2.
While for polylines I need one animate element and set the functionName to points and manipulate the points ('from' takes the exact entries as points while 'to' is the manipulation you wanted)

Answer 2

Check the below link
https://codepen.io/hari_shanx/pen/RPZqqM