Draw an animated ARC vector in HTML / CSS / SVG

Bibliography / Sites Consulted / Example

https://www.w3.org/TR/SVG/paths.html

https://stackoverflow.com/questions/51932434/d3js-animate-a-2-arc-donut

Nice blog post. How does he do all those arc sections?
https://swizec.com/blog/silky-smooth-piechart-transitions-react-d3js/swizec/8258

https://codepen.io/anthonydugois/pen/mewdyZ

An continuously animated arc component in React, simply written, although I didn't use this code it is working and a good example
https://codepen.io/Gesma94/pen/oJvjwe

https://codeburst.io/svg-morphing-the-easy-way-and-the-hard-way-c117a620b65f

Simple ARC with D3, arc() and stroke-linejoin: round
http://jsfiddle.net/tjh2o9ms/

https://github.com/react-tools/react-move

Software

Inkscape
https://inkscape.org/release/inkscape-0.92.4/windows/64-bit/msi/dl/