JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>
        <svg id='svg' width='300' height='300'>
        </svg>
    </div>
</body>

JavaScript

var svg = document.getElementById('svg');
var path = document.createElementNS('http://www.w3.org/svg', 'path');
path.setAttribute('d', 'M100,100 L100,100');
path.setAttribute('style', 'stroke:black;fill:none;');
path.setAttribute('matrix', '1,0,0,1,100,100');
svg.appendChild(path);