An introduction to RGraph

An introduction to the RGraph javascript charting solution. Are you wondering what on earth RGraph is (though the images on the homepage should give you a bit of a clue!)? Then here's a gentle introduction with links to relevant parts of the documentation.

What is RGraph?

RGraph is an Open Source, easy to use HTML5 (using both SVG and canvas) based JavaScript charting library that can easily be integrated into your webpages. It supports many different devices including mobiles, tablets and desktops. This means that you can add attractive charts, dashboards and gauges to your website that work across many different devices with sacrificing maintainability or scrimping on functionality.

Why should you use RGraph?

Here are some reasons why you should consider using RGraph for your charting requirements:

How do I get started?

Depending on which set of libraries you want use (ie SVG or canvas) then there are two paths open to you along with the installation documentation:

  1. The installation documentation (This applies to both the SVG and canvas libraries)

    The installation documentation takes you through getting started with RGraph and the steps that are necessary to get it up and running and displaying your data. It has information that will be useful to you about debugging your charts, connecting to a database, making AJAX requests and improving the performance of your charts (and your HTML pages in general).

    Related to this there's also separate documentation on the RGraph website about connecting to a Google Sheets spreadsheet and importing data from a CSV file. . Both of these documents cater to both the SVG and the canvas libraries.

  2. SVG charts

    SVG is often touted as being the better choice for charting on the web and RGraph has around 12 base types of SVG charts ranging from Bar and Line charts to Funnel and Waterfall charts. The SVG charts are newer additions to RGraph - they were added starting in 2016.

  3. Canvas charts

    The canvas charts are the original charts that RGraph was made up of. Canvas is technically faster than SVG though SVG is the popular choice made by most web developers when it comes to their charting needs.

    The various different types that you can make with the RGraph libraries now totals at around 50-60 and there are 21 base libraries.

Whichever flavour you go for (SVG or canvas) you'll find RGraph to be a very capable charting solution. There are hundreds of demos that are available to you that aim to show you what RGraph is capable of.