Google Chart API - Chart Generator

Create a Google chart in seconds!

By www.jonwinstanley.com

Charts are a visual way of displaying data. They use using symbols such as lines, bars or segments of a pie to visualise the numbers.

Charts and graphs show the relationship between sets of numbers and make data easier to understand.

Charts are an excellent way to convey meaning from numbers and are invaluable when used for business reports, team briefings, presentations or job interviews.

This generator uses the Google Charts API to produce crisp and clear graphs that can be inserted into web based documents via a hyper link or saved as a flat image file.

Back to Jon Winstanley labs

Updates:

March 2009: Data item bug fixes and general CSS improvements.

September 2008: Support for QR bar codes added. (Thanks for the nudge Dean)

The Chart

Chart TitleUse the pipe character | to force a line break

Chart Title ColourClick to toggle the colour picker

Chart Title Font Size

Chart Type

Chart Width

Chart Height

Background Fill Area

Background
Chart Area

Background Fill Type

Solid
Linear Gradient

Linear gradient example: e.g. Bg colour of: 0,76A4FB,1,ffffff,0|bg,s,EFEFE

Linear Stripes

Linear Stripes example: e.g. Bg colour of: 0,CCCCCC,0.2,FFFFFF,0.2)

Background ColourClick to toggle the colour picker

Bar Chart WidthSpecify the bar width followed by a comma, then the size of the gap inbetween e.g. 50,10

The Data

Seperate values by a comma e.g. 5,65,150,300

Data is autmatically mapped with the lowest value as 0 and the highest as 100.

Add a labeled axis to specify other data ranges.

Data Set 1Simply list your data seperated by commas. Use Numbers up to 1 million. e.g. 1,400,50000

Pick Chart Color 1Click to toggle the colour picker

Data Set 2Simply list your data seperated by commas. Use Numbers up to 1 million. e.g. 1,400,50000

Pick Chart Color 2Click to toggle the colour picker

Data Set 3Simply list your data seperated by commas. Use Numbers up to 1 million. e.g. 1,400,50000

Pick Chart Color 3Click to toggle the colour picker

Data Set 4Simply list your data seperated by commas. Use Numbers up to 1 million. e.g. 1,400,50000

Pick Chart Color 4Click to toggle the colour picker

Legend TitleSeperate data sets with the pipe character |

The Axis

Axis to Show t, x, y or rt = Top, x = Bottom, y = Left, r = Right (Example: x,r)

Axis LabelsFollow the example below

Format: Label Index:|labels|labels|etc Example: 0:|5|10|45|1:|good|average|bad