URI::GoogleChart Examples

This page shows Perl code snippets using the URI::GoogleChart module to generate chart URLs and the corresponding images that the Google Chart service generate from them.

$u = URI::GoogleChart->new("pie-3d", 250, 100,
    data => [60, 40],
    label => ["Hello", "World"],
);
http://chart.apis.google.com/chart?cht=p3&chs=250x100&chl=Hello%7CWorld&chd=t:100,66.7
$u = URI::GoogleChart->new("pie", 500, 150,
    data => [80, 20],
    color => ["yellow", "black"],
    label => ["Resembes Pack-man", "Does not resemble Pac-man"],
    background => "black",
    rotate => 35,
    margin => [0, 30, 10, 10],
);
http://chart.apis.google.com/chart?cht=p&chs=500x150&chco=FFFF00,000000&chf=bg,s,000000&chl=Resembes+Pack-man%7CDoes+not+resemble+Pac-man&chma=0,30,10,10&chp=0.61&chd=t:100,25
$u = URI::GoogleChart->new("pie", 250, 200,
    data => [(1) x 12],
    rotate => -90,
    label => [1 .. 12],
    encoding => "s",
    background => "transparent",
);
http://chart.apis.google.com/chart?cht=p&chs=250x200&chf=bg,s,00000000&chl=1%7C2%7C3%7C4%7C5%7C6%7C7%7C8%7C9%7C10%7C11%7C12&chp=4.71&chd=s:999999999999
$u = URI::GoogleChart->new("lines", 200, 125,
    data => [37,60,60,45,47,74,70,72,],
    range_show => "left",
    range_round => 1,
);
http://chart.apis.google.com/chart?cht=lc&chs=200x125&chxr=0,35,75&chxt=y&chd=t:5,62.5,62.5,25,30,97.5,87.5,92.5
$u = URI::GoogleChart->new("sparklines", 200, 75,
    data => [27,25,60,31,25,39,25,31,26,28,80,28,27,31,27,29,26,35,70,25],
    range_round => 1,
);
http://chart.apis.google.com/chart?cht=ls&chs=200x75&chd=s:TRrWRbRWST5TTWTUSZyR
$u = URI::GoogleChart->new("lxy", 250, 125,
    data => [
        [10,20,40,80,90,95,99],
	[20,30,40,50,60,70,80],
        [undef],
        [5,25,45,65,85],
    ],
    label => ["blue", "red"],
    color => [qw(3072F3 red)],
);
http://chart.apis.google.com/chart?cht=lxy&chs=250x125&chco=3072F3,FF0000&chdl=blue%7Cred&chd=s:CJWw369,JPWdjqw,_,AMZn0
$u = URI::GoogleChart->new("lines", 400, 150,
    data => [
        { range => "a", v => [20, 21, 25, 25, 24, 21] },
	{ range => "b", v => [1.1, 1.1, 1.3, 1.1, 1.7, 1.9] },
    ],
    range => {
	a => { round => 1, show => "left" },
	b => { round => 1, show => "right" },
    },
    color => ["red", "blue"],
    label => ["Damage", "Profit"],
    chxl => "0:|Jan|Feb|Mar|Apr|May|Jun",
    chxt => "x",
);
http://chart.apis.google.com/chart?cht=lc&chs=400x150&chco=FF0000,0000FF&chdl=Damage%7CProfit&chxl=0:%7CJan%7CFeb%7CMar%7CApr%7CMay%7CJun&chxr=1,20,26%7C2,1,2&chxt=x,y,r&chd=t:8.3,25,91.7,91.7,75,25%7C10,10,30,10,70,90.0
$u = URI::GoogleChart->new("horizontal-stacked-bars", 200, 150,
    data => [
        [10,50,60,80,40],
	[50,60,100,40,20],
    ],
    color => [qw(3072F3 f00)],
    range_show => "bottom",
);
http://chart.apis.google.com/chart?cht=bhs&chs=200x150&chco=3072F3,ff0000&chxr=0,0,1.6e%2B02&chxt=x&chd=t:6.2,31.2,37.5,50,25%7C31.2,37.5,62.5,25,12.5
$u = URI::GoogleChart->new("vertical-grouped-bars", 320, 125,
    data => [
        [10,50,60,80,40],
	[50,60,100,40,20],
    ],
    chco => "3072F3,ff0000",
    range_show => "left",
);
http://chart.apis.google.com/chart?cht=bvg&chs=320x125&chco=3072F3,ff0000&chxr=0,0,1e%2B02&chxt=y&chd=t:10,50,60,80,40%7C50,60,100,40,20
$u = URI::GoogleChart->new("vertical-stacked-bars", 150, 120,
    data => [10, -10, -5, 30, 15, 5],
    chbh => "a",
    color => "gray",
    margin => 5,
    range_show => "left",
);
http://chart.apis.google.com/chart?cht=bvs&chs=150x120&chbh=a&chco=808080&chma=5,5,5,5&chp=0.25&chxr=0,-10,30&chxt=y&chd=t:50,0,12.5,100,62.5,37.5
$u = URI::GoogleChart->new("vertical-stacked-bars", 150, 120,
    data => [-10, -10, -5, -25, -15, -5],
    chbh => "a",
    color => "gray",
    margin => 5,
    range_show => "left",
);
http://chart.apis.google.com/chart?cht=bvs&chs=150x120&chbh=a&chco=808080&chma=5,5,5,5&chp=1.00&chxr=0,-25,0&chxt=y&chd=t:60,60,80,0,40,80
$u = URI::GoogleChart->new("venn", 200, 100,
    data => [100, 20, 20, 20, 20, 0, 0],
    color => ["red", "lime", "blue"],
    label => ["First", "Second", "Third"],
);
http://chart.apis.google.com/chart?cht=v&chs=200x100&chco=FF0000,00FF00,0000FF&chdl=First%7CSecond%7CThird&chd=t:100,20,20,20,20,0,0
$u = URI::GoogleChart->new("gom", 125, 80,
    data => 80,
    label => 80,
    title => "Awsomness",
);
http://chart.apis.google.com/chart?cht=gom&chs=125x80&chl=80&chtt=Awsomness&chd=t:80
$u = URI::GoogleChart->new("usa", 200, 100);
http://chart.apis.google.com/chart?cht=t&chtm=usa&chs=200x100
$u = URI::GoogleChart->new("europe", 300, 150,
    color => ["white", "green", "red"],
    background => "EAF7FE", # water blue
    # nordic populations 
    chld => "NOSEDKFIIS",
    data => [4.5e6, 9e6, 5.3e6, 5.1e6, 307261],
);
http://chart.apis.google.com/chart?cht=t&chtm=europe&chs=300x150&chco=FFFFFF,008000,FF0000&chf=bg,s,EAF7FE&chld=NOSEDKFIIS&chd=t:48.2,100,57.4,55.1,0

Page generated with URI::GoogleChart v1.02