JSFiddle - React, Tailwind, and code Playground

JavaScript

var mydata = [10,20];
		var width = 500;
		var height = 500;

		var canvas = d3.select("body")
		             .append("svg")
		             .attr("width", width)
		             .attr("height", height);



        var circle = canvas.selectAll("circle")
                     .data(mydata)
                     .attr("fill", "green")
                     .enter()
         			    .append("circle")
         			    .attr("cx", 50)
         			    .attr("cy", 50)
         			    .attr("r", 25)
         			    .attr("fill", "red");