JSFiddle - React, Tailwind, and code Playground

HTML

<svg width=500 height=500></svg>

JavaScript

var svg = d3.select('svg');
var originX = 200;
var originY = 200;
var innerCircleRadius = 40;
var outerCircleRadius = 60;

var table = svg.append("circle").attr({
    cx: originX,
    cy: originY,
    r: 40,
    fill: "white",
    stroke: "black"
});

var group = svg.append("g");

var outerCircle = svg.append("circle").attr({
    cx: originX,
    cy: originY,
    opacity: 0,
    r: outerCircleRadius,
    fill: "none",
    stroke: "black"
});

var radius = 60;
var chairOriginX = originX + ((radius) * Math.sin(0));
var chairOriginY = originY - ((radius) * Math.cos(0));

var chairWidth = 20;
var chair = svg.append("g").attr({
    x: chairOriginX - (chairWidth / 2),
    y: chairOriginY - (chairWidth / 2),
    transform: "rotate(45, 200, 200)"
});

/* svg.selectAll("g").append("text").text("1").style; */