JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containerCanvas">
Hellodf sdf sdf sdfsdf sdf sd
</div>

CSS

#containerCanvas{
position: absolute;
top: 0;
left: 0;
margin: 20px;
width: 200px;
height: 200px;
}

JavaScript

var svgNS = "http://www.w3.org/2000/svg";
var x=30;
var y=10;

var svgEl = document.createElementNS(svgNS,"svg");
svgEl.setAttributeNS(null,"height",200);
svgEl.setAttributeNS(null,"width",200);
var newText = document.createElementNS(svgNS,"text");
newText.setAttributeNS(null,"x",x);     
newText.setAttributeNS(null,"y",y); 
newText.setAttributeNS(null,"font-size","20");
newText.setAttributeNS(null,"fill","red");
newText.innerHTML = "Need help";

svgEl.appendChild(newText);
document.getElementById("containerCanvas").appendChild(svgEl);