RGraph: HTML5 charts library
Visit the RGraph Facebook page Mention RGraph on Twitter Mention RGraph on Google Plus
[No canvas support] [No canvas support] [No canvas support] [No canvas support] [No canvas support]

Make beautiful JavaScript charts with RGraph

What is RGraph? It's a JavaScript charts library. It can generate more than twenty different kinds of charts. It uses JavaScript along with the <canvas> tag to create them right inside your web browser. This reduces load on your server making it and your website quicker. It also reduces the size of your pages and speeds up your website. Win win!

It's free and open to use non-commercially!

If you want to use RGraph on a non-commercial website then just go ahead. RGraph uses the Creative Commons BY-NC license which means that if you wish to use RGraph on a non-commercial website then go on - it's free! All of the source is included in the archive and if you want to change it to meet your needs then go ahead. - there's no restrictions on doing so.

If you want to use RGraph commercially or just don't wish to link to the RGraph website then a Standard license for RGraph is not 1000's - it's just £99. So if you find the idea of paying excessive amounts of your hard earned money hard to swallow then RGraph is a good bet.

Use the canvas tag to create super-fast charts and graphs

With the wide proliference of HTML5 and the canvas tag, fast and simple 2D drawing is available to a great many browsers and mobile devices. RGraph makes the production of charts quick and easy and you'll be up and running in no time at all! Browsers and mobile devices having such good support means that lots of people will see your charts. There's a quick primer on the canvas tag here and you can read about HTML5 and JavaScript charts here.

Lots of features and documentation

There are lots of plus points to using RGraph to make your charts with, which you can see from the RGraph documentation and these points:

Permissive license

If you want to use RGraph on a non-commercial website then go right ahead - no license purchase is necessary. It uses the Creative Commons BY-NC license. You can also make changes to the RGraph libraries as and when you need to.


Charts are displayed really quickly and can help give your page a bigger speed advantage over other sites. A large section in the docs is given over to improving performance. These tips can also be used on other pages that don't even contain an RGraph chart.

Great technical support

Problems with implementation or think you've found a bug? Just send the support team an email here.

Create your charts with AJAX and/or JSON

RGraph charts can be made using AJAX, JSON or both! There are API functions available that make using these two technologies easier or you can use the functionality that's a part of jQuery. There are examples of both in the docs and in the download and as of July 2014 the configuration of RGraph has been extended to allow easier integration with these technologies. Old style configuration will continue to work unchanged. You can read more about JSON configuration here.

Interactive charts

RGraph charts have interactivity built in - for example tooltips, animations (both CSS that concern the canvas tag and canvas based animations that affect what's displayed on the canvas), context menus, adjusting, zooming and events (both those that apply to the whole canvas and custom RGraph events).

Drawing objects

Drawing API objects allow you to add custom elements to your charts - for example simple shapes, images and axes. They also support events just like the charts and mean that you can customise your charts and make them more interactive as your needs require.

Intuitive to use and lots of docs

Extensive docs which are current and have lots of straight-forward examples and simplified walk-thrus.

And this is just a small selection of the advantages of using RGraph. More chart types can be created by combining one or more charts, (more examples are available here).

There's lots of documentation for the various chart types and features and there are examples and also code that you can make use of. There are HOWTO guides that take you through things one step at a time along with more example code.

All of the source code is part of the download and you can change it as much as you wish if you need to. There's docs for the API and there's also some basic examples to help you when you're starting with RGraph.

Feel free to make a suggestion

You can contact support to make a suggestion or if you think that something would be good as part of RGraph. If it has wide appeal then it can be added to the main distribution of RGraph or if not (or if you prefer it to remain private then it can be added to your specific copy of RGraph.