.net Powerful JavaScript charts
RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to use for showing charts on your website.

More »


Get the latest version of RGraph (version 6.18, 1st June 2024) from the download page. You can read the changelog here. There's also older versions available, minified files and links to hosted libraries.

More »


RGraph can be used for free under the GPL or if that doesn't suit your situation there's an inexpensive (£129) commercial license available.

More »

An HTML5 canvas reference

Learn how to use the canvas tag API

With the new html5 specification comes a whole bag of new goodies including a new tag - canvas. This tag is effectively like a piece of paper on your page onto which you can draw and this is what the majority of the RGraph library is based on. The drawing is done by javascript and there's a whole bunch of functions available to you to draw shapes and lines with.

Because canvas uses a "fire and forget" methodology there is no dom for you to get references to shapes already drawn on the canvas - so you must remember the coordinates of the shapes yourself. It's because of this that the canvas tag is so fast.

Despite this though, there is a Path2D object that has been added, along with other new features that have been specified by the W3C that will allow you to retain path information and test at a later time for hits etc. The Path2D object is described here. So on to the information!