w = 200
h = 200
r = 40

two_values_data = [{name: "foo", value:123, color:"#0000FF"}, {name:"bar", value:456, color:"#FF0000"}]
one_value_data = [{name: "foo", value:123, color:"#0000FF"}]

vis = d3.select("body")

arc = d3.svg.arc().innerRadius(r * .5).outerRadius(r)
donut = d3.layout.pie().sort(d3.descending).value((d) -> d.value)

two_values = vis.append("svg:svg")
    .attr("width", w)
    .attr("height", h)
    .append("svg:g")

two_values.selectAll("g")
    .data(donut(two_values_data))
    .enter()
    .append("svg:g")
    .attr("transform", "translate(#{w/2}, #{h/2})")
    .append("svg:path")
    .attr('d', (d) -> arc(d))
    .style('fill', (d) -> d.data.color)

one_value = vis.append("svg:svg")
    .attr("width", w)
    .attr("height", h)
    .append("svg:g")

one_value.selectAll("g")
    .data(donut(one_value_data))
    .enter()
    .append("svg:g")
    .attr("transform", "translate(#{w/2}, #{h/2})")
    .append("svg:path")
    .attr('d', (d) -> arc(d))
    .style('fill', (d) -> d.data.color)