Free JavaScript charts for your website

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

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

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

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

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