A Rose chart customised to be a Pie chart

With a Pie chart the segments all have the same radius. The Rose chart can be customised to show a Pie chart with variable radius segments

[No canvas support]

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.rose.js"></script>
Put this where you want the chart to show up:
<div style="padding: 50px">
    <canvas id="cvs" width="450" height="450" style="border: 1px solid #ddd">[No canvas support]</canvas>
</div>
This is the code that generates the chart:
<script>
    new RGraph.Rose({
        id: 'cvs',
        data: [[50,53],[51,52],[52,56],[51,25],[55,12]],
        options: {
            margin: 2,
            variant: 'non-equi-angular',
            backgroundGridColor: 'rgba(0,0,0,0)',
            labelsAxes: '',
            colorsAlpha: 1,
            colors: ['red','blue','green','pink','black','yellow','cyan','brown', 'blue', 'pink'],
            colorsSequential: true,
            colorsStroke: 'transparent',
            labels: ['Richard','Robert','Rico','Ray','Raife','Ryan','Roland'],
            tooltips: ['Richard','Robert','Rico','Ray','Raife','Ryan','Roland'],
            shadow: true
        }
    }).roundRobin({frames: 60});
</script>