Google Chart

3D Pie Chart

[chart
data="70,25,20.01,4.99"
labels="Reffering+sites|Google|Yahoo|Other"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="3D Pie Chart Title"
type="pie"]

[toggle title="Get the code"]
[code]
[chart
data="70,25,20.01,4.99"
labels="Reffering+sites|Google|Yahoo|Other"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="3D Pie Chart Title"
type="pie"]
[/code]
[/toggle]

[divider_top]

Line Chart

[chart
data="70,25,20.01,4.99"
labels="2010|2011|2012|2013"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="Line Chart Title"
type="line"]

[toggle title="Get the code"]
[code]
[chart
data="70,25,20.01,4.99"
labels="2010|2011|2012|2013"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="Line Chart Title"
type="line"]
[/code]
[/toggle]

[divider_padding]

[chart
data="0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75"
labels="Begin|25|50|75|End"
colors="058DC7,50B432"
bg="bg,s,ffffff"
size="630x250"
title="Line Chart Title 2"
type="xyline"]

[toggle title="Get the code"]
[code]
[chart
data="0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75"
labels="Begin|25|50|75|End"
colors="058DC7,50B432"
bg="bg,s,ffffff"
size="630x250"
title="Line Chart Title 2"
type="xyline"]
[/code]
[/toggle]

[divider_top]

Scatter Chart

[chart
data="0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43"
labels="1|2|3|4|5|6|7|8|9|10"
colors="058DC7"
bg="bg,s,ffffff"
size="630x250"
title="Scatter Chart Title"
type="scatter"]

[toggle title="Get the code"]
[code]
[chart
data="0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43"
labels="1|2|3|4|5|6|7|8|9|10"
colors="058DC7"
bg="bg,s,ffffff"
size="630x250"
title="Scatter Chart Title"
type="scatter"]
[/code]
[/toggle]

[divider_top]

Pie Chart

[chart
data="70,25,20.01,4.99"
labels="Reffering+sites|Google|Yahoo|Other"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="Pie Chart Title"
type="pie2d"]

[toggle title="Get the code"]
[code]
[chart
data="70,25,20.01,4.99"
labels="Reffering+sites|Google|Yahoo|Other"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,ffffff"
size="630x250"
title="Pie Chart Title"
type="pie2d"]
[/code]
[/toggle]

[divider_top]

Gom Chart

[chart
data="40"
labels="Forty"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,F7F9FA"
size="630x250"
title="Gom Chart Title"
type="gom"]

[toggle title="Get the code"]
[code]
[chart
data="40"
labels="Forty"
colors="058DC7,50B432,ED561B,EDEF00"
bg="bg,s,F7F9FA"
size="630x250"
title="Gom Chart Title"
type="gom"]
[/code]
[/toggle]

Venn Chart

[chart
data="100,80,60,30,30,30,10"
colors="FF6342,ADDE63,63C6DE"
bg="bg,s,F7F9FA"
size="630x250"
title="Venn Chart Title"
advanced="&chdl=A|B|C"
type="venn"]

[toggle title="Get the code"]
[code]
[chart
data="100,80,60,30,30,30,10"
colors="FF6342,ADDE63,63C6DE"
bg="bg,s,F7F9FA"
size="630x250"
title="Venn Chart Title"
advanced="&chdl=A|B|C"
type="venn"]
[/code]
[/toggle]

[divider_top]

Learn more from http://code.google.com/apis/chart/

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>