D3 molto semplice: come disegnare un arco?

Question

Sarebbe bello imparare D3. Dopo aver letto molti esempi, penso di capirlo. Il mio primo progetto è quello di creare una ruota dei colori, senza transizioni per semplicità. Ma sembra anche che non sia abbastanza semplice per il mio primo progetto! Per il progetto zero, sto cercando di ottenere qualcosa da mostrare sullo schermo. Spero che qualcosa abbia scritto (e che la cara lettura sia corretta), e non un esempio.

Cosa ho fatto di sbagliato? http://jsfiddle.net/aGdMX/1/

var arc = d3.svg.arc() 
    .innerRadius(40) 
    .outerRadius(100) 
    .startAngle(0) 
    .endAngle(1) 
    ; 

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

chart.selectAll("path") 
    .data(data) 
    .enter().append("svg:path") 
    .attr("fill", function(d, i){ 
     return d3.rgb("black"); 
    }) 
    .attr("d", arc) 
    ; 

Grazie

Answer 1

Il tuo esempio qui non ha dati definiti. Se si desidera solo per disegnare la svg staticamente, saltare la selectAll() e dati() attacchi:

chart 
    .append("svg:path") 
    .attr("fill", function(d, i){ 
     return d3.rgb("black"); 
    }) 
    .attr("d", arc) 
    ; 

o definire alcuni dati e l'uso che per guidare il disegno:

http://jsfiddle.net/findango/aGdMX/2/

(più .attr("fill" ... dovrebbe essere .style("fill" ...)