Some examples of the charts that RGraph can create

RGraph makes javaScript charts & graphs that are easy to use, perform well and have plenty of features. There are two main types: SVG and canvas. Both integrate easily with popular Javascript frameworks such as jQuery. RGraph supports up to 60 different styles of charts including Bar, Line, Spline, Pie, stacked and grouped charts. Each chart supports having tooltips, can be made to be resizable, events and can be annotated. It can be easily integrated with server-side technologies such as PHP, ASP, Java, Python or Ruby etc and also with your existing client-side JavaScript to allow dynamic updates.

These are some samples of JavaScript charts that you can make with RGraph. The download archive contains hundreds of demos that are easy to read and understand.

SVG Bar charts

Regular, stacked and grouped Javascript Bar charts made with the new HTML SVG tag.

A basic SVG Bar chart
A basic SVG Bar chart
Bar chart with the Wave effect
Bar chart with the Wave effect
A 100% Bar chart
A 100% Bar chart
A 3D Bar chart with negatives
A 3D Bar chart with negatives
A combined Bar and Line chart
A combined Bar and Line chart
A demo of CSS3 animations
A demo of CSS3 animations
A demo of the CSV reader
A demo of the CSV reader
A chart of Dropbox userbase
A chart of Dropbox userbase
Basic Bar with the grow effect
Basic Bar with the grow effect
A Bar chart with errorbars
A Bar chart with errorbars
A grouped, offset Bar chart
A grouped, offset Bar chart
A grouped + stacked Bar chart
A grouped + stacked Bar chart
A Bar chart with highlights
A Bar chart with highlights
A nested Bar chart
A nested Bar chart
An income/expenditure Bar chart
An income/expenditure Bar chart
Bar chart showing UK inflation
Bar chart showing UK inflation
Bar chart using AJAX & JSON
Bar chart using AJAX & JSON
A millionaire Bar chart replica
A millionaire Bar chart replica
A chart with sequential colors
A chart with sequential colors
Bar chart with offset axis
Bar chart with offset axis
A thin offset Bar chart
A thin offset Bar chart
An oscillation index Bar chart
An oscillation index Bar chart
A pareto chart
A pareto chart
A combined Bar & Pie chart
A combined Bar & Pie chart
A range Bar chart
A range Bar chart
A segmented Bar chart
A segmented Bar chart
Bar chart using Google sheets
Bar chart using Google sheets
A stacked Bar chart
A stacked Bar chart
A thin grouped Bar chart
A thin grouped Bar chart
A Bar chart with tooltips
A Bar chart with tooltips

See more...

SVG Line charts

Regular, filled, stepped, spline & multiple dataset Javascript Line charts

Line chart with a trace effect
Line chart with a trace effect
Line chart using the CSV reader
Line chart using the CSV reader
A dynamic scrolling Line chart
A dynamic scrolling Line chart
A Line chart with trace effect
A Line chart with trace effect
A Line chart with errorbars
A Line chart with errorbars
A stacked & filled Line chart
A stacked & filled Line chart
A filled Line chart
A filled Line chart
A Line chart using transparency
A Line chart using transparency
An old front page Line chart
An old front page Line chart
A mimic of Search Console
A mimic of Search Console
An AJAX Line chart
An AJAX Line chart
A demo of a logarithmic scale
A demo of a logarithmic scale
A multiple lines demo
A multiple lines demo
A spline range Line chart
A spline range Line chart
A demo of the Sheets connector
A demo of the Sheets connector
A filled spline Line chart
A filled spline Line chart
A stepped Line chart
A stepped Line chart
A Line chart with tooltips
A Line chart with tooltips
A turquoise Line chart
A turquoise Line chart
A Line chart of UFO sightings
A Line chart of UFO sightings
A Line chart with a dark theme
A Line chart with a dark theme

See more...

SVG Pie charts

Regular and donut variations, tooltips and animated Javascript Pie charts.

A Pie chart & the CSV reader
A Pie chart & the CSV reader
A customised Pie chart
A customised Pie chart
A dashboard bank of Pie charts
A dashboard bank of Pie charts
A Pie/Donut chart
A Pie/Donut chart
A roundrobin effect Pie chart
A roundrobin effect Pie chart
A Pie chart using gradients
A Pie chart using gradients
A Pie chart using AJAX
A Pie chart using AJAX
A Google sheets demonstration
A Google sheets demonstration
A Pie chart with tooltips
A Pie chart with tooltips

See more...

SVG Horizontal Bar charts

Regular, stacked and grouped variations, tooltips and animated Javascript Horizontal Bar charts.

A HBar with the grow effect
A HBar with the grow effect
A HBar with gray backgrounds
A HBar with gray backgrounds
A blocky HBar chart
A blocky HBar chart
A small HBar chart with effect
A small HBar chart with effect
An HBar with a center Y axis
An HBar with a center Y axis
An HBar with an offset Y axis
An HBar with an offset Y axis
An HBar with labels above
An HBar with labels above
An HBar with a highlighted bar
An HBar with a highlighted bar
A HBar/horizontal progress bar
A HBar/horizontal progress bar
An HBar with a mirrored scale
An HBar with a mirrored scale
An HBar with tooltips
An HBar with tooltips
An HBar with an offset Y axis
An HBar with an offset Y axis

See more...

Canvas Bar charts

Regular, stacked and grouped Javascript Bar charts made with the new HTML canvas tag.

A multi-row 3D Bar chart
A multi-row 3D Bar chart
3D Bar chart with center X axis
3D Bar chart with center X axis
A limited Adjustable Bar chart
A limited Adjustable Bar chart
An annotatable Bar chart
An annotatable Bar chart
Bar chart using labelsAbove
Bar chart using labelsAbove
A grouped Bar chart
A grouped Bar chart
A dark themed Bar chart
A dark themed Bar chart
A pastel Bar chart
A pastel Bar chart
An income/expenditure chart
An income/expenditure chart
A Bar chart with interactive key
A Bar chart with interactive key
A combo Bar & Line chart
A combo Bar & Line chart
A Bar/Line with switch effect
A Bar/Line with switch effect
A Bar chart with a log scale
A Bar chart with a log scale
Bar chart with negative hmargin
Bar chart with negative hmargin
A nested and grouped Bar chart
A nested and grouped Bar chart
Bar with odd number of labels
Bar with odd number of labels
Bar chart with onadjust event
Bar chart with onadjust event
A combined Bar and Pie chart
A combined Bar and Pie chart
A resizable Bar chart
A resizable Bar chart
A Bar with rotating background
A Bar with rotating background
A segmented Bar chart
A segmented Bar chart
A Bar using Google Sheets
A Bar using Google Sheets
A sketchy Bar chart
A sketchy Bar chart
Bar chart with reflection effect
Bar chart with reflection effect

See more...

Canvas Line charts

Single or multiple dataset Line charts, filled or not, animated and adjustable Line charts.

An afjustable Line chart
An afjustable Line chart
Customised tooltips
Customised tooltips
Line chart with color bands
Line chart with color bands
A black and white Line chart
A black and white Line chart
A black Line chart
A black Line chart
A Line/Gauge dashboard
A Line/Gauge dashboard
Embedded CSV data
Embedded CSV data
Customised axes
Customised axes
A red & white Line chart
A red & white Line chart
A dynamic Line chart
A dynamic Line chart
A dynamic range Line chart
A dynamic range Line chart
A dynamic black & white chart
A dynamic black & white chart
Employee sales
Employee sales
A filled spline Line chart
A filled spline Line chart
A striped Line chart
A striped Line chart
A Google Analytics mock-up
A Google Analytics mock-up
A Line chart with a gradient fill
A Line chart with a gradient fill
A Line chart with indicator lines
A Line chart with indicator lines
Line chart with an offset X axis
Line chart with an offset X axis
Line chart with custom drawing
Line chart with custom drawing
A spline range Line chart
A spline range Line chart
Range chart with a median line
Range chart with a median line
A stacked, filled, spline chart
A stacked, filled, spline chart
A graduated, filled Line chart
A graduated, filled Line chart

See more...

Canvas Pie charts

Regular, 3D and donut variations, tooltips and animated Javascript Pie charts.

A customised Pie chart
A customised Pie chart
A 3D Pie chart
A 3D Pie chart
A Pie chart using onclick
A Pie chart using onclick
A button Pie chart
A button Pie chart
A Pie chart with a halo effect
A Pie chart with a halo effect
A Pie with outline highlighting
A Pie with outline highlighting
A pink Pie chart
A pink Pie chart
A pyaramid chart
A pyaramid chart
A rectangular Pie chart
A rectangular Pie chart

See more...

Canvas Rose charts

Regular, stacked, non-equi-angular, animated and interactive Rose charts.

A 3D Rose chart
A 3D Rose chart
A basic Rose chart
A basic Rose chart
An animated Rose chart
An animated Rose chart
A Rose chart & interactive key
A Rose chart & interactive key
Example of the mouseout event
Example of the mouseout event
A non-equi-angular Rose chart
A non-equi-angular Rose chart
A Rose chart with offset start
A Rose chart with offset start
A Rose/Pie chart
A Rose/Pie chart
A Rose chart with a shadow
A Rose chart with a shadow
Rose chart with the CSV reader
Rose chart with the CSV reader
A stacked Rose chart
A stacked Rose chart
A Rose chart with tooltips
A Rose chart with tooltips

See more...