RGraph: Free HTML5 charts that get you noticed

[No canvas support]
What is RGraph? It's a web charts library that produces the charts dynamically with JavaScript. It can generate lots of different kinds of visualisations.

RGraph is a quick and attractive charts library that's both easy to use and feature packed. Built on the widely supported canvas element desktop and mobile support is excellent and that allows you to create charts and dashboards that you can use on a wide range of devices. Owing to the fast rendering of canvas, your charts can be up to 10x faster than Flash or SVG based libraries. This means you can create good looking and informative charts and dashboards.

 

 

 

It's Free and Open Source Software

RGraph is available to use under a dual-licensing scheme. You can use it as you wish under the terms of the GPL (General Public License). Alternatively you may purchase an RGraph Commercial License and then use it under those terms.

OPEN SOURCE

RGraph is open source using the GPL license. Read the license here...

HTML5 TECH

RGraph uses up-to-date HTML5 and JavaScript technologies.

 

 

 

People love it! Just read our testimonials...

"My Psychiatrist has me keep a daily mood log. It helps her ascertain my mood history. This gives her better feedback for prescribing medication. Normally this is done with a small calendar that I write in. I tend to forget to make my entries with that method though. It is also difficult for her to digest the numbers and notice trends. Sometimes I forget to take the darn calendar to the monthly appointment. It just wasn't a reliable tool. Last month, I kept a mood spreadsheet. The day before my appointment I converted it to an online chart. At the appointment, she saw the daily numbers as a line chart on her computer. She loved it! However, converting the spreadsheet was somewhat labor intensive. It was only accurate for that day. I decided to build a tool that would allow me to enter my numbers into a database and convert the data into a chart. Building the data entry system was easy but I had no idea how to build a charting system. My JavaScript abilities are quite poor. I found RGraph in a search. Some of the reviews mentioned how easy and fast it was to use. These were understatements! I am now sure that I can have this ready by my next appointment. This will be a far more reliable system and thus a quicker path to better health. So yes....healthier." - Jack Griffin

 

 

 


Lots of charts, features and documentation

There are lots of plus points to using RGraph to make your charts with, and it can make many chart types, which you can see from the RGraph documentation and these examples:

Available standard chart types:

Bar
Bipolar
Donut
Fuel
Funnel
Gantt
Gauge
Horizontal
Bar
Horizontal
Progress
Line




Meter
Odometer
Pie
Radar
Rose
Radial
Scatter
Scatter
Th'meter
Vertical
Progress
Waterfall




To see all of the examples (there are over 350!) you can take a look at the demo area.

 

 

 

Latest demos and examples

Recent examples and demos (the demos are included in the archive).

 

 

 

Versatile and customisable

The charts can be customised using the properties to look attractive and they can fit into your website easily. The charts are customised using simple JSON such as the code below.

<canvas id="cvs" width="650" height="250">[No canvas support]</canvas>

<script>
    $(document).ready(function ()
    {
        var bar = new RGraph.Bar({
            id: 'cvs',
            data: [12,18,10,9,6,20,18],
            options: {
                labels: [
                    'Monday',
                    'Tuesday',
                    'Wednesday',
                    'Thursday',
                    'Friday',
                    'Saturday',
                    'Sunday'
                ],
                shadow: false,
                colors: ['red'],
                strokestyle: 'rgba(0,0,0,0)'
            }                
        }).draw();
    });
</script>

As well as customising the charts to look how you want you can manipulate the data to show different kinds of things - such as the fan style Line chart showing deviation from a predicted set of values .

 

 

 

Download it and try it out

The best way to find out what RGraph is like is to download it and try it out! Simply head on over to the download page to get hold of it. Others to look at include: