Javascript 如何使用D3添加简单圆弧

我想在图表部分添加一个简单的圆弧，如圆：

vis.append("circle")
    .style("stroke", "gray")
    .style("fill", "white")
    .attr("r", 40)
    .attr("cx", 50)
    .attr("cy", 50);

---

所提供的正在使用数据属性，但我希望看到它没有任何基础数据。

D3为圆弧使用路径生成器。如果不想数据驱动圆弧，只需定义圆弧生成器并添加一些方法

var arc = d3.svg.arc()
    .innerRadius(50)
    .outerRadius(70)
    .startAngle(45 * (Math.PI/180)) //convert from degs to radians
    .endAngle(3) //just radians

vis.append("path")
    .attr("d", arc)
    .attr("transform", "translate(50,50)")

---

您可以在这里看到一个演示：

太好了，这正是我想要的！Thanks@KyleLahnakoski不知道为什么它在Firefox中不起作用，在我弄明白的时候试试Chrome。