[No canvas support]

Use HTML5 charts and the canvas tag to build faster websites

RGraph is a HTML5 based open JavaScript charts library built for web charts and supports over twenty different types of visualisation. Using the <canvas> tag, RGraph creates these charts inside the web browser using JavaScript, meaning quicker pages and less web server load. This leads to smaller page sizes and faster websites.

Open and free for non-commercial

RGraph is open and free to use for non-commercial 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.

[No canvas support]

JavaScript charts and graphs made with the HTML5 canvas tag

JavaScript and the canvas tag are built in to all modern browsers and allow for 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 number of users. 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]

Fast!

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 the canvas tag.

Good support

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

JavaScript based charts for your website

The charts are created using JavaScript and with the wide ranging and good support of JavaScript in modern PC based web browsers and other devices (eg mobiles, tablets) your charts will be seen by the widest audience possible. Even MSIE 7/8 are supported by using ExCanvas.

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 to your charts 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 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 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 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.