Come aggiungere un semplice arco con D3

Question

vorrei aggiungere un semplice arco nelle tabelle dati come un cerchio:

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

La condizione examples of D3 stanno lavorando con le proprietà dei dati, ma mi piacerebbe vederlo senza eventuali dati sottostanti.

Answer 1

D3 utilizza un generatore di percorso per gli archi. Se non si desidera i dati-guidare l'arco basta definire il generatore ad arco e aggiungere alcuni metodi ...

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)") 

Potete vedere una demo qui: http://jsfiddle.net/h9XNz/