JSFiddle - React, Tailwind, and code Playground

by evgkch

HTML

<svg id="root"></svg>

JavaScript

const svg = document.getElementById('root');

svg.style.width = '500px';
svg.style.height = '500px';
svg.style.border = 'solid 1px black';

const circle = document.createElementNS(
  'http://www.w3.org/2000/svg',
  'circle'
);

circle.setAttribute('cx', 100);
circle.setAttribute('cy', 100);
circle.setAttribute('r', 50);
circle.setAttribute('draggable', true);

svg.appendChild(circle);