RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to use for showing charts on your website.

More »


Get the latest version of RGraph (version 6.18, 1st June 2024) from the download page. You can read the changelog here. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

More »


RGraph can be used for free under the GPL or if that doesn't suit your situation there's an inexpensive (£129) commercial license available.

More »

The construction of 3D graphics

Posted by evan at 16:38 on Tuesday 10th May 2022 [link]
Do you have any recommendations for geometry generation? How are 3D pie charts constructed

Posted by Richard at 18:00 on Tuesday 10th May 2022 [link]
There's not really any 3D geometry generation - canvas (without webGL) is a 2d environment so the 3D looks have to be "hacked together".

The 3D Pie chart canvas is stretched horizontally, the chart is then centered and drawn multiple times moving the center coordinate up by one each time. This gives the correct perspective and the thickness of the chart.

Unfortunately, it's not the most efficient drawing process (the Pie chart is drawn multiple times per frame) but it's passable.

Oh, and canvas text looks slightly thicker due to it being stretched too.

[Replies are closed]