JSFiddle - React, Tailwind, and code Playground

JavaScript

var svg = d3.select("body")
      .append("svg")
        .attr("width", 200)
        .attr("height", 200),
    circle = svg.append("circle")
      .attr("fill", "orange")
      .attr("r", 50)
      .attr("cx", 100)
      .attr("cy", 100),
    rect = svg.append("rect")
      .attr({
        fill: "blue", opacity: .2,
        x: 20, y: 20,
        width: 260, height: 360
      });