2D/3D JavaScript charts - Free and Open Source Software

New! Accessible text for charts Accessible text for charts using real text!

[No canvas support]
What is RGraph? It's a JavaScript charts library that produces the charts dynamically with JavaScript and the HTML5 canvas tag. It can generate lots of different kinds of visualisations from Bar charts and Line charts through to Meters and Progress bars.

RGraph is quick, attractive, easy to use and free for commercial use. Built on the widely supported canvas element desktop and mobile support is excellent and that allows you to create charts and dashboards that you can use on a wide range of devices. Owing to the fast rendering of the canvas tag, your charts can be up to 10x faster than Flash or SVG based libraries. This means you can create good looking and informative charts and dashboards.

  • Easy to use
  • Permissive GPL license (ie free to use)
  • 50-60 different types of visualisation
  • 2D and 3D chart support
  • Great device support
  • Excellent performance
  • Import utilities for CSV files and Google Sheets
  • Extensive documentation, examples and learning resources
  • Great support from the RGraph team

JavaScript charts that are Free and Open Source Software

RGraph is available to use under a dual-licensing scheme. You can use it as you wish under the terms of the GPL (General Public License). Alternatively you may purchase an RGraph Commercial License and then use it under those terms.

Open source

RGraph is open source using the GPL license. Read the license here...

HTML5 Technology

RGraph uses up-to-date and quick HTML5 canvas and JavaScript technology.

Latest demos, examples and docs pages

Recent examples and demos (the demos are included in the archive). Think you can create better looking charts? Just post it in the forum and if I like it I'll add it!

People love it! Just read our reviews and testimonials...

"Excellent and very impressive HTML5 charting library. I have used RGraph in my projects and it is very easy to use, and RGraph has excellent support team to ready for help at any time. I would just like to say "THANK YOU" for a VERY quick response. I didn't expect it SO quick. You have given me some good advise and believe me, it is greatly appreciated!!!! Thanks you very much. Imdadhusen Sunasara Thanks Again!!!!"
Sunasara Imdadhusen, Web developer

Lots of charts, features and documentation

There are lots of plus points to using RGraph to make your charts with, and it can make many different chart types, which you can see from the RGraph documentation and the examples. To see all of the examples (there are over 350!) you can take a look at the demo area.

Versatile and customisable

The charts can be customised using the properties to look attractive and they can fit into your website easily. The charts are customised using simple JSON such as the code below.

<script src="RGraph.common.core.js"></script>     // Always required
<script src="RGraph.common.dynamic.js"></script>  // Only required for dynamic features
<script src="RGraph.common.tooltips.js"></script> // Only required for tooltips
<script src="RGraph.bar.js"></script>             // Required for Bar charts

<canvas id="cvs" width="650" height="250">[No canvas support]</canvas>

    new RGraph.Bar({
        id: 'cvs',
        data: [ [4,8,3],[5,2,1], [8,4,2],[3,6,1],[5,1,0],[2,5,1],[1,2,2] ],
        options: {
            variant: '3d', 
            strokestyle: 'rgba(0,0,0,0)',
            colors: ['Gradient(#fbb:red)', 'Gradient(#bfb:green)','Gradient(#bbf:blue)'],
            gutterBottom: 80,
            labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
            shadowOffsetx: 3,
            backgroundGridColor: '#eee',
            variantThreedAngle: 0.1,
            axisColor: '#ccc'

As well as customising the charts to look how you want you can manipulate the data to show different kinds of things - such as the fan style Line chart showing deviation from a predicted set of values .

Download it and try it out

The best way to find out what RGraph is like is to download it and try it out! Simply head on over to the download page to get hold of it. Others to look at include: