A simple Rose chart that has been configured with a pattern - the segments are growing in both angle and radius. The colors are set to be sequential.
This goes in the documents header:<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.rose.js"></script>Put this where you want the chart to show up:
<div style="width: 500px; height: 500px" id="chart-container"></div>This is the code that generates the chart:
<script> rose = new RGraph.SVG.Rose({ id: 'chart-container', data: [[1,1],[2,2],[3,3],[4,4],[5,5],[6,6],[7,7],[8,8],[9,9],[10,10]], options: { variant: 'non-equi-angular', colorsSequential: true, colorsOpacity: 0.5, colors: ['red','green','blue','pink','#0f0','red','orange','yellow','blue','gray'] } }).draw(); </script>