RGraph is a HTML5 charts library that uses the HTML5 canvas tag to draw and supports over twenty different
types of charts. Using the new tag,
RGraph creates these "HTML charts" inside the web browser using JavaScript, meaning quicker pages and less web
server load. This leads to smaller page sizes, lower costs and faster websites.
Open and free to use!
RGraph is free to use on both commercial and non-commercial websites
under the Creative Commons Attribution license
- you don't need to buy a license - just link to the RGraph website on your site. The
full source is included in the download and you can edit it as you need.
Go here for details about a commercial license if you don't want to link to the RGraph website.
RECENT NEWS & UPDATES
New RGraph beta release 19th May 2013
A new beta release is now available. This release contains documentation updates, bug fixes and the rewrite of the
key has commenced. Even so - the key should still be working and it should also be a little faster - though you are
unlikely to notice this.
[Read more...]
New rectangular Pie demo 17th May 2013
A new demo is available that shows you how you can achieve a rectangular Pie chart effect by setting a
large radius for the Pie chart. Since the Pie takes up the entire canvas a key is used instead of labels.
[Read more...]
New "bar-in-bar" demo 17th May 2013
A new demo is available that shows you how you can combine two Bar charts to create a "bar-in-bar" effect. This example
shows how it could be used to represent supplies vs sales of cars.
[Read more...]
New RGraph beta release 5th May 2013
A new beta is now available. This release changes the way that methods are added to objects. Previously functions have
been assigned to each objects prototype - but now functions are added in each objects constructor when you create the
object. This means that, because of JavaScripts lexical scoping, references to commonly used variables can be kept
in the constructor but will still be available to methods. The chart libraries have undergone a large "standardisation"
as a result so there are now common references used throughout the libraries: ca, co, prop and RG being short names for
the canvas, the context, the properties and the RGraph common object.
[Read more...]
Using the HTML5 canvas globalCompositeOperation setting for layered drawing 4th May 2013
This is a demonstration of how the globalCompositeOperation setting can be used in order to draw "behind" any content
that's already on the canvas.
[Read more...]
All 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 JavaScript code.
The full source is included in the download and you're free to make changes to suit your needs.
The API is documented and there are several basic examples to help get you up and running.
Charts and graphs made with the HTML5 canvas tag!
Forget Flash or Silverlight - JavaScript and now HTML5 canvas 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. HTML5 Canvas 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 charts here.
Richard Heyes Author of RGraph
Read testimonials about RGraph
If you want to read testimonials about the RGraph software
you can do so on this page.
If you enjoy using RGraph then please add your own testimonial or feedback.
RGraph is free to use on both commercial and non-commercial websites
under the Creative Commons Attribution license
- you don't need to buy a license - just link to the RGraph website on your site. The
full source is included in the download and you can edit it as you need.
Go here for details about a commercial license if you don't want to link to the RGraph website.
