How to animate?

Question

Hi, i don't understand how to animate polyline without CSS and JS?

<svg width="500" height="500">
<polyline
style="stroke-linejoin: round; stroke: red; stroke-width: 10; fill: pink; stroke-linecap: round"
points="200 210, 270 74, 100 30, 45 80">
<animate attributeName="x" from="50" to="100" dur="3s" fill="freeze" repeatCount="indefinite" />
</polyline>
</svg>

Мaybe the whole thing is - attributeName?
Help please

Answer 1

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate

Check that out. I don't know what x is suppose to represent in attributeName. attributeName specifies the property to be animated. x isn't a value polyline property.