An SVG Pie chart thats banded

This demo of an SVG Pie chart is a regular Pie chart thats had some after drawing added to it that's giving the Pie chart a banded appearance. The Pie is exploded by 5 pixels in order to give the appearance of some lines emanating from the center and the chart uses the donut option to get the large hole in the center. The round white lines are spaced apart by 5 pixels. And finally the chart uses the roundRobin effect.

This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.pie.js"></script>
Put this where you want the chart to show up:
<div style="width: 350px; height: 300px; border: 1px solid #ddd" id="cc"></div>
    [No canvas support]
</div>
This is the code that generates the chart:
<script>
    new RGraph.SVG.Pie({
        id: 'cc',
        data: [4,8,6,5,3,5,6,8],
        options: {
            labels: ['David','Paul','Molly','Rachel','Jobe','Lucy','John','Bob'],
            labelsSticks: false,
            exploded: 5,
            donut: true
        }                    
    }).on('draw', function (obj)
    {
        var svg  = obj.svg,
            path = '';
        
        var r = obj.radius;
        
        while (r > 0) {
            path =
                RGraph.SVG.TRIG.getArcPath3({
                    cx: obj.centerx,
                    cy: obj.centery,
                    r:  r,
                    start: 0,
                    end: 3.1415 * 2,
                    anticlockwise: false,
                    lineto: false
                }) + " " + 
                RGraph.SVG.TRIG.getArcPath3({
                    cx: obj.centerx,
                    cy: obj.centery,
                    r:  r - 5,
                    start: 3.1415 * 2,
                    end: 0,
                    anticlockwise: true,
                    lineto: true
                }) + ' Z'

            RGraph.SVG.create({
                svg: svg,
                type: 'path',
                parent: obj.svg.all,
                attr: {
                    d: path,
                    fill: 'white'
                }
            });
                
            r -= 10;
        }
    }).roundRobin({frames: 90});
</script>