# A Donut chart with a 3D look using gradients

Here we have a donut chart (which is itself a Pie chart with the `variant` option set to `donut`) which has had the colors manipulated (to a gradient) in order to give a 3D appearance to the donut. It also has a slight shadow to give it an extra bit of depth. And it uses the `roundRobin()` animation effect along with segment separation (the `exploded` option).

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.pie.js"></script>

Put this where you want the chart to show up:

    <canvas id="cvs" width="475" height="350">
        [No canvas support]
    </canvas>

This is the code that generates the chart - it should be placed AFTER the canvas tag(s):