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

You can now import data directly fom Google Sheets!

[No canvas support]

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.

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!

• 3rd March 2016 A HBar chart showing finance information. It uses the HBar option gutterLeftAutosize which automatically sizes the gutter based on the size of the labels.
  
  
• 27th February 2016 A Line chart which has an offset scale.Unlike the other offset X axis demos this is significantly easier and less code to implement. It currently disables the alert() function but that won't be necessary from the next version.
  
  
• 25th February 2016 A Pie chart that has custom highlighting that outlines the relevant segment that has a tooltip showing. This will eventually be turned into an option so that if you want to use it you'll be able to just specify an option in your charts configuration.
  
  
• 14th February 2016 A Bar chart customised so that it has a vertical margin as well as horizontal one. It also uses the labelsAbove option to show the values.
  
  
• 3rd February 2016 An (adjustable) image based Meter chart (it looks nothing like the RGraph drawn meter!).
  
  

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

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.

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

<script>
    var bar = 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'],
            shadowColor:'#ccc',
            shadowOffsetx: 3,
            backgroundGridColor: '#eee',
            variantThreedAngle: 0.1,
            axisColor: '#ccc'
        }
    }).draw();
</script>

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