Open Source JavaScript charts for your websites

Background image
A Bar chart with a dark background
A Bar chart that looks like the millionaire 'Ask the audience' results
A dark red and white(ish) Line chart
A dark blue Bar chart
A blue themed Line chart A Line chart showing the various sales made by different employees This is an example of how the Pie chart can be utilised to create a dashboard A dark Meter thats been heavily customised
A mockup of a dashboard A stacked and filled animated Line chart An activity Meter A Horizontal Bar chart
Download See examples...

RGraph helps you put beautiful HTML5 charts on your website

RGraph allows you to put colorful graphs, charts, and data visualizations on your website. It offers more than 60 different types of charts (eg Bar charts, Line charts, Pie charts etc.) and provides over 650 examples to get you started. These are just a few examples (more examples are available at the link below):

A 3D Bar chart
A 3D Bar chart

A multi-row 3D Bar chart
A horizontal Bar chart
A horizontal Bar chart
A dynamic SVG Bar chart
A dynamic SVG Bar chart
A Radar chart
A Radar chart
A Rose chart
A Rose chart
A stacked Bipolar chart
A stacked Bipolar chart
A Line chart using errorbars
A dynamic SVG Line chart
A Waterfall with negative values
A Waterfall with negatives
A banded Pie/Donut chart chart
A banded Pie/Donut chart
A variety of Gauges, Meters and progress bars
Variety of Gauges and Meters
A Pie/Donut chart
A Pie/Donut chart

[More examples...] [Setup documentation]

Why use RGraph for your website charting needs?

MIT licensed for maximum freedom Completely free for any purpose meaning that you can do whatever you want with it. You're free to include it in your website, your application or your hardware devices.
Over 60 SVG and canvas chart types From Bar, Line and Pie charts to Meters and Progress bars RGraph has a variety of charts. Different charts can be combined to make distinct types of chart. There examples of this in the download.
JavaScript, HTML5, SVG and canvas Easily integrated into your page, RGraph uses standard HTML5 elements to create the charts. No external libraries are used so there's no dependencies and you'll get up and running quickly.
Lots of documentation
From API references to HOWTO documents, RGraph has lots of documentation. By using Google (or Bing, or Yahoo et al) you can search it very easily if necessary.

Easy to import your data

Your data is probably always changing, so once you're set up, RGraph makes it easy for you to update your data with these methods:

How would I connect my chart to a CSV file on my website...?
CSV files

RGraph has dedicated CSV import functionality that will make this it easy to get data from a CSV file.
How would I connect my chart to my Google Sheets spreadsheet...?
Google Sheets

The Google Sheets connector allows you to fetch data directly from your Google Spreadsheet.
How would I connect my chart to my AJAX pages...?

The AJAX functions allow you to easily integrate RGraph with your existing AJAX scripts.
How would I connect my chart to a database...?

The database documentation will help you to get your data directly from a database.

Web charts for data visualizations and reporting

You cannot beat the convenience of web charts for reporting that your stakeholders can access on any desktop, tablet, or mobile device.