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
  • 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
  • First released in 2008



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
  • Over 50 types of charts
    50+ charts
    There are lots of chart types and features available

Authentic-looking 3D charts

RGraph can make authentic-looking 3D Bar charts (as you can see above), Pie and Donut charts, Horizontal Bar charts and progress bars. There are lots of examples across both SVG and canvas of other types of charts. The configuration of these 3D 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 data from a CSV file
    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