top=[['title','label',''],['color1','value1','.'],
['color2','value2','..'],['color3','value3','...']]))
title='Google Charts API',label=('value1 value2 value3'),
color1=Color('darkmagenta'),color2=Color('steelblue'),
color3=Color('darkorange'),
value1=slider(map(lambda value1:value1.n(digits=3),
srange(0,1,.05)),default=.5),
value2=slider(map(lambda value2:value2.n(digits=3),
srange(0,1,.05)),default=.1),
value3=slider(map(lambda value3:value3.n(digits=3),
srange(0,1,.05)),default=.3),):
url='http://chart.apis.google.com/chart?cht=p3&chs=600x300'
url+='&chtt=%s&chts=000000,20'%title.replace(' ','+')
url+='&chco=%s'%(','.join(
[color1.html_color()[1:],
color3.html_color()[1:]]))
url+='&chl=%s'%label.replace(' ','|')
url+='&chd=t:%s'%(','.join(map(str,[value1,value2,value3])))
display(html('<div style="border:slategray double;'+\
'text-align:center;"><img src="%s"></div>'%url))