Bardzo prosty D3: Jak narysować łuk?

Miło byłoby nauczyć się D3. Po przeczytaniu wielu przykładów myślę, że to rozumiem. Moim pierwszym projektem jest stworzenie koła kolorów bez przejść dla uproszczenia. Ale wydaje się, że nawet nie jest to wystarczająco proste dla mojego pierwszego projektu! W przypadku projektu zero próbuję uzyskać coś do wyświetlenia na ekranie. Mam nadzieję, że coś, co napisałem (i naprawił mój drogi), nie jest przykładem.

Co zrobiłem źle?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)
    ;

Dziękuję Ci

questionAnswers(1)

yourAnswerToTheQuestion