Нанесение этикетки с использованием TextPath внутри кольцевой диаграммы

Ищу для jsfiddle образца для кольцевой диаграммы в D3, гдеНанесение этикетки с использованием TextPath внутри кольцевой диаграммы

этикетки внутри дуг
метки centerd внутри каждой дуги
они загнуты по дуге (как на рисунке ниже)

Update: Вот мой код до сих пор http://jsfiddle.net/gs5qp5sx/1/

svg.selectAll("text").data(dataset.apples).enter() 
     .append("text") 
     .style("font-size",15) 
     .style("fill","#F8F8F8") 
     .attr("dy",0) 
     .append("textPath") 
     .attr("xlink:href",function(d,i){return "#s"+i;}) 
     .attr("startOffset","50%") 
     .style("text-anchor","middle") 
     .text(function(d,i){return "label"+i;})

enter image description here