JSFiddle - React, Tailwind, and code Playground

by 3gwebtrain

CSS

svg {
    border:1px solid red;
}
    g {
        stroke:1px solid red;
    }
circle {
    stroke:#999;
    stroke-width:2;
    fill:none;
}

JavaScript

var svg = d3.select('body').append('svg').attr({
    width:400,
    height:400
})
var g = svg.append('svg:g').attr({
     width:400,
     height:400
});

g.append('circle').attr({
    cx:200,
    cy:200,
    r:150
});

var requiredDegrees = [0,30,60,90,120,150,180,210,240,270,300,330,360];