JSFiddle - React, Tailwind, and code Playground

JavaScript

var createSVGElement = function(width, height){
	var element = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
	element.width = width;
	element.height = height;
	return element;
};

var createParticleElement = function(width, height, fill){
	var element= document.createElementNS('http://www.w3.org/2000/svg', 'circle');
	//element.width.baseVal.value = width;
	//element.height.baseVal.value = height;
    element.r.baseVal.value = height;
	element.style.fill = fill;
	return element;
}
var svg = createSVGElement(200, 500);
document.body.appendChild(svg);

var particle = createParticleElement(20, 20, 'black');
particle.cx.baseVal.value = 40;
particle.cy.baseVal.value = 40;
svg.appendChild(particle);

particle.r.baseVal.value = 40;