Beautiful JavaScript charts for your websites

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 chart that has 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 colored 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 AN OPEN SOURCE CHARTING LIBRARY FOR WEBSITES

It can make a wide variety of charts and visualisations for your websites. RGraph is compatible with desktops, mobiles and tablets.

You can read about RGraph and my own expertise in IT on the about page and all about me here .

Download version 5.00 Example charts Setup docs

What charts are supported?

RGraph has both canvas and SVG libraries for these types of visualisations: Bar, Line, Pie, Scatter, Waterfall, Horizontal and Vertical Progress bars, Meter, Gauge and more. The different chart types can be combined or configured to form new types of visualisations. See all of the available chart types: Canvas charts | SVG charts

Why should you use it?

  • Open Source license
  • Easy-to-use API
  • Great performance
  • Integrates easily
  • Supports many devices
  • SVG and canvas charts
  • Lots of documentation
  • Great support

A rotated Bar

Easily connect to your data...

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

Open

Open Source using the free MIT licence

HTML5

RGraph uses native browser technologies

Dynamic

Easily integrate and update with JavaScript

Usable

Easy to use and create attractive visualisations that are meaningful

Versatile

Over 60 different charts are available for you to use on your websites

Docs

Plenty of documentation to get you going and to use as a reference