files/en-us/web/api/svganimatednumberlist/animval/index.md
{{APIRef("SVG")}}
The animVal read-only property of the {{domxref("SVGAnimatedNumberList")}} interface represents the current animated value of an animatable attribute that accepts a list of <number> values.
This property reflects the viewBox attribute of the <svg> element, the values attribute of the feColorMatrix element and the {{SVGAttr("points")}} attribute of the {{SVGElement("rect")}}, {{SVGElement("polygon")}}, or {{SVGElement("polyline")}} element as a readonly {{domxref("SVGNumberList")}}, providing access to a dynamically updated list of points defined by the {{SVGAttr("points")}} attribute.
An {{domxref("SVGNumberList")}} object representing the animated value of the attribute. The list contains one or more numbers corresponding to the individual number values specified in the attribute.
const rect = document.querySelector("rect");
// Set the animatable 'points' attribute with number values
rect.setAttribute("points", "10,10 20,10 20,20 10,20");
// Access the SVGAnimatedNumberList object
const points = rect.points;
console.dir(points.animVal); // the animated state
{{Specifications}}
{{Compat}}