About
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 show charts on your website.

More »

 

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

More »

 

Download
Get the latest version of RGraph (version 6.16) from the download page. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

More »

SVG charts documentation

As of autumn 2016, RGraph has some brand new shiny svg types. Bar charts Line charts Horizontal Bar charts Pie charts Semi-circular Progress bars and Radar charts are available (amongst others). There are examples of these types here.

Naturally, being far newer than the canvas types they're not as feature-packed - but at lower resolutions, they do have a significantly better definition than the bitmap-based canvas charts.

There are also svg versions of the Google Sheets, csv and ajax data import utilities (for which the canvas documentation also applies to). And there's a set of css animation effects for the svg libraries too.

Installing and implementing RGraph

Read the installation guide
These are the same installation pages as the canvas installation guide. All of these pages apply to both technologies and have information that's pertinent to both. Topics such as browser support, getting started and performance enhancements are covered here.

The available chart types

Data import utilities

Features and examples

HOWTO demonstrations and guides

Read the SVG HOWTO documentation pages
The svg howto documentation pages have a similar purpose to the canvas howto documents - in that they help you accomplish specific tasks and inform you about the RGraph api.

Browse the RGraph GitHub repository

Go to the RGraph GitHub repository
RGraph is now hosted on the GitHub source control platform. You can browse the code online and star the project to keep an eye on the development.