Drawing an Arc with D3

HTML

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

CSS

.arc {
    fill: blue;
}

JavaScript

var svg = d3.select("body")
    .append("svg")
    .attr("width", 200)
    .attr("height", 200)
    .append("g")
    .attr("transform", "translate(100,100)");

var angle = Math.PI/2;
if(angle>0)
    angle = -2*(Math.PI) + angle;

var arc = d3.svg.arc()
    .innerRadius(50)
    .outerRadius(70)
    .startAngle(Math.PI/2)
    .endAngle(angle + Math.PI/2);

svg.append("path")
    .attr("class", "arc")
    .attr("d", arc);