JSFiddle - React, Tailwind, and code Playground

by jesucarr

HTML

<div id="mydiv"></div>

JavaScript

var ani = document.createElementNS("http://www.w3.org/2000/svg","animate");
ani.setAttribute("dur", "2s");
ani.setAttribute("attributeName", "d");
var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
var svgnode = document.createElementNS('http://www.w3.org/2000/svg','svg');

path.appendChild(ani);
svgnode.appendChild(path);
document.getElementById('mydiv').appendChild(svgnode);



path.setAttribute("d", "M 79,79 L 79,0 A 79,79 0 1 1 47.187834354284796,6.688271235368916 Z");
ani.setAttribute("values","M 79,79 L 79,0 A 79,79 0 1 1 47.187834354284796,6.688271235368916 Z;M 79,79 L 79,0 A 79,79 0 1 1 78.9999,0 Z");