JSFiddle - React, Tailwind, and code Playground

by Shang-De You

JavaScript

var width = 400
var height = 400

var svg = d3.select("body").append("svg")
	.attr("width",width)
  .attr("height",height)
  
  
var dataSet = { startAngle: 0, endAngle: Math.PI * 0.75 }

var arcPath = d3.svg.arc()
	.innerRadius(50)
  .outerRadius(100)
  
svg.append("path")
	.attr("d", arcPath(dataSet))
  .attr("transform", "translate(250,250)")
  .attr("stroke", "black")
  .attr("stroke-width", "3px")
  .attr("fill", "yellow")