JSFiddle - React, Tailwind, and code Playground

HTML

<section id="canvas">

</section>

JavaScript

_CP = {canvas:{x:200, y:200}};
_V = {svgNS : "http://www.w3.org/2000/svg"};

_CP.svg=document.createElementNS(_V.svgNS,'svg');
_CP.svg.setAttribute('width',_CP.canvas.x);
_CP.svg.setAttribute('height',_CP.canvas.y);
var r=document.createElementNS(_V.svgNS,'rect');
r.setAttribute('x',10);
r.setAttribute('y',10);
r.setAttribute('width',100);
r.setAttribute('height',100);
r.setAttribute('fill','red');
_CP.svg.appendChild(r);

document.getElementById("canvas").appendChild(_CP.svg);