SVG charts examples and documentation
This is the SVG section of the RGraph documentation. There's documentation on the API and there's also feature information and a link to the SVG section in the demos. SVG charts are often favoured by webmasters over canvas charts for a number of reasons - two of which are the DOM-like nature of SVG and their accessibility.
What is an SVG chart?SVG is a tag that was introduced in HTML5. It has a vector based format and it uses tags like HTML does, for example:
<svg width="400" height="110"> <rect width="300" height="100" fill="blue" stroke-width="3" stroke="black"></rect> </svg>so it scales very well, and it's supported by most (if not all) of modern desktop and mobile browsers.
The tag is fast enough to make animations possible and if you click the image you'll be taken to a demo page that is an animated version of the image here.
By utilising the SVG tag RGraph creates charts and visual representations of the data that you provide to it.
Documentation and API references for the SVG based charts
Read documentation for the SVG based charts.A few pages that are linked to here are actual pages that were originally written for the canvas based section of the website, but are equally pertinent to the SVG charts too such as the data import utilities.
Demos of the SVG based charts that are available in RGraph
Look through the demos of the SVG based charts that are in RGraph. Recently added demos are also shown, for your convenience, on the front page.