- Open Source (MIT license)
- Easy to use and import data from Google Sheets, CSV files, via AJAX and from databases
- Great performance
- 60+ 2D/3D charts using SVG and canvas
- Fully documented SVG and canvas charts
- Supports all modern browsers
- Great support in the forum from the author and the FAQ
Open Source and free charts!
RGraph allows you to put amazing graphs, charts, and visualisations of your data on your own website! It's free, and with it being Open Source you can edit the code as you wish to customize your results!
60+ different types of charts
There are over 60 different types of charts available for you to use from Bar, Line and Pie charts right through to Waterfall, Rose and Funnel charts. The base chart types can be configured to appear as different chart types and widgets too.
Easy to import your data
How would I connect my chart to a CSV file on my website...?
To do this you'd use the CSV connector. It's AJAX based so you would simply give it the location of the file (eg /dir/file.csv) and it then allows you to manipulate you data with a few methods (like getRow() and getCol()). You can see an example of the CSV reader here. The CSV reader also allows you to access CSV data that has been embedded in your page ie in a DIV tag.
How would I connect my chart to my Google Sheets spreadsheet...?
To do this you would use the Google Sheets connector. It looks a lot like the CSV connector and you also use it in much the same fashion (ie easily). There's a demo page of it here. Once "connected" to your spreadsheet it provides you with similar methods to the CSV connector - ie getRow() and getCol(). For example you could do this: obj.getRow('B2:B13') to get some cells from your speadsheet.
How would I connect my chart to my AJAX pages...?
How would I connect my chart to a database...?
If you're using a database you could have the page that the chart is on get the data itself (like in the server-side documentation ). This is effectively embedding the data in the page - or alternatively you could use a separate script dedicated to fetching the data and outputting it (and nothing else). And then use an AJAX request to fetch that page - thereby fetching the data and pulling your data into the page where the chart is.
These connectors and the documentation will make it a breeze to connect to your data - no matter the format that it's in.
600+ examples of charts
RGraph has hundreds of examples that will help you easily get up and running. The 600+ demo pages, all with the source code highlighted, can be copied and modified as required to help get you up and running creating your charts in just minutes.
A 3D Bar chart
A filled Line chart
A horizontal Bar chart
A 100% Bar chart
A Radar chart
A Rose chart
A stacked Bipolar chart
A Line chart using errorbars
A Waterfall with negatives
A Scatter/Bubble chart
An adjustable Gauge chart
A Pie/Donut chart
Free dedicated technical support
Most of the time answers to questions are provided within hours (or sooner) if they're asked during UK daytime hours.
Get started now!