A Bar chart with a dark background
A Bar chart that looks like the millionaire 'Ask the audience' results
A dark stacked Line chart using the trace effect sequentially on multiple datasets
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
A black and orange Horizontal Bar chart A segmented and animated Donut chart A dark coloured Line chart A black and purple mixed Line and Bar chart
An SVG Line chart with a basic look and feel A Line chart with a highlighted section A graduated orange filled SVG Line chart An SVG Pie chart configured to look like a Meter

RGRAPH IS A FREE AND OPEN SOURCE JAVASCRIPT CHARTS LIBRARY

RGraph can make a wide variety of visualisations for your websites. They're made using either SVG or canvas and JavaScript. It's easy to customise and integrate into your pages. RGraph is compatible with desktops, mobiles and tablets.

RGraph has data import utilities for CSV files, AJAX and Google Sheets as well as information about working with server-side code to make it easy to integrate into your pages.

There's lots of documentation to get you going, nearly 700 examples are included in the download and active support is available if you need help.

Download and try it! Setup documentation See examples

November 2018: Property name update for the chart libraries

In November 2018 the property names throughout all of the chart libraries are being updated. They're being made to be more similar to each other across all of the libraries - and many will be made to be the same as the SVG libraries. An example would be the gutterLeft property being renamed to marginLeft. There's some sample code on the RGraph blog.

Note: Backwards compatibility will, of course, be maintained so you should be able to upgrade with ease.

Connect >

Easily connect to your data with the CSV connector, the Google Sheets connector, the AJAX functionality and the server-side import documentation.

How would I connect to a CSV file on my website...?
Docs | Example

How would I get data from a Google Sheets spreadsheet...?
Docs | Example

How would I get data via AJAX..?
Docs | Example

How would I get information from a database...?
Docs | Example




With RGraph you can put beautiful charts and graphs on your website

RGraph allows you to put colorful, high quality data visualizations and dashboards on your website. It provides more than 60 different types of graphic (eg Bar, Line, Pie etc.) that render across a wide variety of devices (eg desktops, mobiles, tablets) and provides over 700 examples to get you started.

A rotated Bar
Free for comercial use...

Are you running a commercial website? Perhaps your company website or webapp? Want to use RGraph on it? Go right ahead! RGraph is free for any sort of commercial use.



...and free for non-comercial use too!

RGraph is also free for non-commercial use - so if you want to use it on your website then go right ahead. Blogs, charity sites, educational sites, NGOs - all types of websites are allowed.



RGraph is Free and Open Source

RGraph is Free and Open Source (MIT license) - so you can do exactly what you want with it. You don't need permission or to crawl through a massive license agreement. Help yourself and have fun with RGraph!

An outline Bar with an arrow

Open

RGraph is Open Source using the MIT licence

HTML5

RGraph uses native browser technologies

Dynamic

Easily integrate and update with JavaScript


Usable

Easy to use and create attractive visualisations

Versatile

Over 60 different types are available

Docs

Plenty of documentation to get you going