Want to easily add JavaScript charts to your webpages?

RGraph is a JavaScript library that makes fast, functional and pretty web-based charts
  • 100% Free and Open Source [GitHub]
  • Easy to use
  • Over 50 styles of responsive charts
  • Built on HTML5 technology
  • Great online documentation
  • Data import tools [more info]
  • Support straight from the developer



Benefits of using RGraph

  • Open Source
  • Responsive charts
  • Very versatile
  • 900+ demo pages
  • 300+ pages of docs
  • 50+ chart types
  • Integrates easily
  • Cross-browser
  • Author supported
  • Established 2008
  • Open-source
  • Responsive charts
  • Very versatile
  • 700+ demo pages
  • 300+ pages of docs
  • 50+ chart types
  • Integrates easily
  • Cross browser
  • Author supported
  • Established 2008



RGraph is Open Source and uses the MIT license
Open Source
RGraph uses the MIT license so it's completely unrestricted
RGraph uses HTML5 canvas and SVG
HTML5 tech
RGraph uses SVG, canvas and JavaScript
Written in pure JavaScript
Pure JavaScript
Fast client-side JavaScript is used for easy integration with your sites
Over 50 types of charts
50+ charts
There are lots of chart types and features available

Authentic-looking 3D charts

[No canvas support]

RGraph can make authentic-looking 3D Bar charts, Pie and Donut charts, Horizontal Bar charts and progress bars. This one has a bottom X-axis (the default) - though there are lots of examples across both SVG and canvas of other types of charts. The configuration of RGraph charts is very easy to understand.

Read more about the 3D chart support in RGraph...



Easily connect to and import your data

How would I connect to a CSV file on my website?
CSV files
A dedicated tool for importing CSV data from your website
Docs | Example
How would I get data from a Google Sheets spreadsheet?
Google Sheets
PHP and JavaScript libraries for Google Sheets
Docs | Example
How would I get data via AJAX?
AJAX data
Information about how to fetch data or update charts with AJAX
Docs | Example
How would I get data from an HTML table?
HTML tables
A dedicated tool for importing data from an HTML table on the page
Docs | Example
How would I get information from a database?
Documentation about integration with server-based scripting
Docs | Example
How would I get information from the query string (also known as GET variables)?
Query string
Documentation about fetching query string data using RGraph functions
Docs | Example



Over 50 HOWTO guides

Man looking at books

Looking to do a particular task? The RGraph documentation has over 50 HOWTO guides that take you through achieving specific tasks in straightforward, easy-to-follow steps. Some examples include:



Examples of charts

Click on each example to go to the full demo page. See all of the examples...

A 3D multi-row Bar chart A dark-themed Bar chart A Line chart with a switch effect leading to a Bar chart A combined Bar and Line chart with an overlapping effect A grouped Bar chart with a turqiose color theme A Bar chart that demonstrates using post-processing A dual-canvas Bar chart with a rotating background A Segmented Bar chart A sketch-style Bar chart A 3D-style donut chart A Segmented Donut chart example A multiple-dataset Line chart A Line chart demonstrating the animationTraceCenter option A customised Gauge chart An animated Horizontal Bar chart A Line chart with a dark color theme A Line chart using the Google Sheets connector A Meter chart customised to look like the Google charts Meter A basic Pie chart A Horseshoe Meter example A multiple-dataset Radar chart A 3D Rose chart A blue single-dataset Bar chart A Bar/Line chart combination An example of the SVG Funnel chart A Horizontal Bar chart example using two RGraph objects An SVG black and white Line chart A dynamically updating SVG Line chart An SVG version of an older filled spline Line chart A 'floating' filled SVG Line chart A simple SVG Line chart A mixed Bar and Line chart A simple black and gray Line chart An SVG stacked Rose chart with unequal segment sizes A sketchy variation of a Bar chart with a background image A Bar chart with images as labels

See all examples...


Back to the top of the page
Back to the top