JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<div id="lbUsers"></div>

JavaScript

var container = document.getElementById("lbUsers");
var svgns = "http://www.w3.org/2000/svg";
var mySvg = document.createElementNS(svgns, "svg");
for (var i = 0; i < 5; i++) {        
    var c2 = document.createElementNS(svgns, "rect");
    c2.setAttribute("x", "5");
    c2.setAttribute("y", 70*i);
    c2.setAttribute("rx", "20");
    c2.setAttribute("ry", "20");
    c2.setAttribute("width", "60");
    c2.setAttribute("height", "60");
    c2.setAttribute("fill", "red");
    c2.setAttribute("stroke", "black");//#AA99FF
    c2.setAttribute("stroke-width", "5");
    c2.setAttribute("opacity", "0.5");
    var anchor =  document.createElementNS(svgns, "a");
    anchor.setAttributeNS(svgns, "xlink:href", "index.html");
    var b2 = document.createElementNS(svgns, "text");
    b2.setAttribute("font-size", "40");
    b2.setAttribute("font-family", "arial");
    b2.setAttribute("font-family", "arial");
    b2.setAttribute("fill", "#0f0");
    b2.setAttribute("x", "25");
    b2.setAttribute("y", 70*i);
    b2.textContent = "Hello World";
    anchor.appendChild(c2);
    anchor.appendChild(b2);
    mySvg.appendChild(anchor);
    container.appendChild(mySvg);
}