JSFiddle - React, Tailwind, and code Playground

by Shital Agarwal

HTML

<script src="http://d3js.org/d3.v2.min.js"></script>

JavaScript

var vis = d3.select("body").append("svg")
var pi = Math.PI;
    
var arc = d3.svg.arc()
    .innerRadius(50)
    .outerRadius(55)
    .startAngle(90 * (pi/180)) //converting from degs to radians
    .endAngle(270 * (pi/180)) //just radians
    
vis.append("path")
    .attr("d", arc)
    .attr("transform", "translate(100,50)")