RGraph: HTML5 charts library

[No canvas support]

Beautiful HTML5 charts using JavaScript and the the canvas tag!

RGraph is a charts library built for the web and supports over twenty different types of visualisation. Using the <canvas> tag, RGraph creates these charts inside your browser with JavaScript, leading to quicker pages and less server load. In turn this means smaller page sizes and faster websites.

Open and free for non-commercial

RGraph is free to use for non-commercial purposes under the Creative Commons BY-NC license. If you want to use RGraph on a non-commercial website then just go ahead! The full source is included in the download and you can edit it as you wish.

Commercial users: Don't pay 1000s unnecessarily! The RGraph standard license is just 99. So if you're on a budget or you don't want to spend excessive amounts of money then RGraph is the one for you!

[No canvas support]

Charts and graphs that are made with the canvas tag

JavaScript and the canvas tag are built in to all modern browsers and provide quick and easy 2D drawing. Using RGraph to produce your charts makes the process a breeze and enables you to quickly get up and running. The Canvas tag is supported by all modern browsers and mobile devices meaning your charts and graphs will be seen by the widest possible audience. You can read more about the canvas tag here as well as more about JavaScript/HTML5 based charts here.

Feature packed and fully documented

As you'll see from the RGraph documentation there are lots of advantages to using RGraph such as:

Open license

RGraph uses the Creative Commons BY-NC license. This means that if you want to use RGraph on a non-commercial website then you can - no permission necessary! If you need to make changes to it then you can also do that no questions asked.

[No canvas support]


Rendering times can be measured in milliseconds so the charts won't slow down your page. There's a substantial section in the documentation about speeding up your pages. Many of these performance tips can also be applied to pages that don't even use charts.

Good support

If you have an issue with RGraph you can send an email to the RGaph support team using the support request form.

AJAX/JSON support

All of the supported chart types can be used in conjunction with AJAX, JSON or both. There is specific functionality available to make working with these technologies easier. There are examples of AJAX in the documentation and the download archive and as of July 2014 the whole of the RGraph configuration has been updated to support JSON better.

Interactive charts

All of the charts support interactive features such as tooltips, CSS animations and visual effects, context menus, adjustability, zooming, annotation and custom events.

[No canvas support]

Drawing API

The RGraph drawing API allows you to add interactive elements such as rectangles, circles, polygons, images and extra axes. These allow you to customise your charts and add extra interactivity.

Fully documented and easy to use

The comprehensive RGraph documentation is both up-to-date and has plenty of easy-to-follow examples and simplified walk-thrus.

...to name a few. You can also combine different types of charts (see the examples for more).

All of the charts and features are documented with examples and code that you can use. The HOWTO guides walk you through doing common tasks step-by-step, along with more example code.

The full source is included in the download and you're free to make changes to meet your needs. The API is fully documented and there are several basic examples to help get you up and running.

Suggest a feature or improvement

If you have a suggestion for a feature that you think would be beneficial to RGraph then you can suggest it by using the support form.