Zetacorp Networks: BeginFayerWayerNuyorkerSaborizanteZimio

Dosis diarias de tecnología en español.™

Google Chart API: Gráficos via Google

Publicado el 17/12/2007 a las 11:09 am por tricky

Grafico generado con el Google Chart API

Quizás algunos ya lo conocen, o quizás no. A principios de diciembre Google abrió al público su API para generar gráficos. Es un API muy completo y bien documentado, y permite generar gráficos de puntos, barras, pie, líneas y diagramas de Venn. Es muy fácil pasarle datos, que pueden ser cargados dinámicamente desde tu base de datos y te ahorras el procesar los gráficos.

Sigue leyendo para aprender a generar tus propios gráficos vía Google.

Por ejemplo, en el gráfico que ilustra este post les mostramos la cantidad de lectores de FW con Java durante el último mes. El URL que genera la imágen es el siguiente:

http://chart.apis.google.com/chart?cht=p3&chd=t:98.26,1.74&chs=400x150
&chl=Tiene%20Java|No%20Tiene%20Java&chco=ffcc00,ff3300

  • http://chart.apis.google.com/chart? invoca el script y & concatena las opciones.
  • cht indica el tipo de gráfico (p3 = pie en 3d).
  • chd son los datos. En este caso son porcentajes en formato de texto simple, por lo tanto es t:porcentaje 1,porcentaje 2.
  • chs es el tamaño en pixeles del gráfico, en este caso 400×150px.
  • chl es la leyenda del gráfico. El orden debe coincidir con el orden en que se entregan los datos. Se separan con un pipe (|).
  • chco son los colores en formato hexadecimal. Si se ingresan menos colores que campos de datos, se interpolan.

Luego lo pones como fuente (src) de un tag de imagen, y voilá tienes un gráfico generado sin gastar recursos de tu servidor. Super útil para la gente que desarrolla aplicaciones online, también puede ser un buen complemento para plugins de estadísticas, encuestas, etc.

Tiene un límite de 50,000 llamadas (queries) diarias para generar gráficos al día por cuenta Google. O sea, una vez que un gráfico se generó, se puede llamar infinitas veces, el límite está en la variedad de gráficos que puedes generar.

Link: Google Chart API - Developers Guide (Google Code)

33 Comentarios

Google Chart API: Gráficos via Google

Deja tu Comentario ↓
Yanlot

DesaprobarAprobar Yanlot dijo hace 5 meses:

1

Interezante pero cada dia google saca mas y mas was k me da julepe xD

Yanlot

DesaprobarAprobar Yanlot dijo hace 5 meses:

2

Disculpa la pelutudes pero tengo una pregunta:
Nunca han pensado en sacar una revista no sé, mensual de FW
sería buenissima idea wn
xD!
Aire de Jah-Gondwana

rokociber

DesaprobarAprobar rokociber dijo hace 5 meses:

3

Me ahorraria tiempo en la generacion de cuadros estadisticos que estoy pensando hacer… elevationc3.blogspot.com

burromalacate

DesaprobarAprobar burromalacate dijo hace 5 meses:

4

Pues se mira bonito el software pero me pregunto aqui en americalatinia con nuestras conexiones de miedo por la bajisima velocidad y caro servicio se podria usar todo esto sin problema? no creo tendriamos la frase buffering a cada rato no mientras no seamos justos con la conexion alta y barata nome interesara nada de esto!.

Andylat

DesaprobarAprobar Andylat dijo hace 5 meses:

5

pegenle una mirada a esto http://www.emol.com/noticias/tecnologia/detalle/detallenoticias.asp?idnoticia=285569

10º Aniversario de la creacion de los blog O.o

Altair

DesaprobarAprobar Altair dijo hace 5 meses:

6

Por fin encontré algo que puedo usar hasta yo:
copy paste en explorer:
http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250×100&chl=amazing|terrible

rokociber

DesaprobarAprobar rokociber dijo hace 5 meses:

7

uhmm perderia digital seria la cosa ps…

rokociber

DesaprobarAprobar rokociber dijo hace 5 meses:

8

uhmm una revista digital seria la cosa ps…

tricky

tricky dijo hace 5 meses:

9

@burromalacate,

a ti te carga bien? no creo que tengas problemas de ancho de banda…

Cristian

DesaprobarAprobar Cristian dijo hace 5 meses:

10

Pero como.. esta noticia es mas vieja que unix.
pd: no se les ocurre otro ejemplo del grafiquito. 4ta ves que veo el mismo ejemplo pero con otro lenguaje. el mejor es el de pacman.

Hector Vergara R.

DesaprobarAprobar Hector Vergara R. dijo hace 5 meses:

11

@tricky, un detalle: el límite de 50k request diarios es referente a la generación dinámica de gráficos. Si un gráfico ya fue generado, puede ser llamado cuantas veces quieras.

Peyesein

DesaprobarAprobar Peyesein dijo hace 5 meses:

12

Coma saben eso de nosotros?
¬¬

tricky

tricky dijo hace 5 meses:

13

@Hector,

Gracias por la aclaración. Pensé que nos ibamos a quedar sin el gráfico durante el día…

Saint

DesaprobarAprobar Saint dijo hace 5 meses:

14

…Genera que pueden ser cargados dinámicamente desde tu base de datos…

No creo que sea tan directamente si tienes que pasarle los párametros por la url de todas formas….
No vi mas info al respecto en la guía del desarrollador.

AlvaroN

DesaprobarAprobar AlvaroN dijo hace 5 meses:

15

Interesante, lo voy a guardar :D

http://iconlab.wordpress.com/

tricky

tricky dijo hace 5 meses:

16

@Saint, cuando escribí eso tenía en mente un script php que cargara los datos de la base de datos para gráficarlos a través de este API. O no suena así?

Saint

DesaprobarAprobar Saint dijo hace 5 meses:

17

@tricky: Y por qué no pusiste eso mismo? -_-

feelsofine

DesaprobarAprobar feelsofine dijo hace 5 meses:

18

oohh!! espero sirva con php… es justo lo ke necesito

:D

Iso9001

DesaprobarAprobar Iso9001 dijo hace 5 meses:

19

O sea…. ¿Puedes generar hasta 50K NUEVOS gráficos por día??????? y visualizar cada uno de ellos infinitamente????

En definitiva, a menos que te llames Charts_Productions_Inc, creo que NUNCA tendrás problemas.

Es una buena alternativa, pero creo que si manejas datos dinámicos y muchos, la librería GD de PHP viene de pelos.

sIMON uRZUA

DesaprobarAprobar sIMON uRZUA dijo hace 5 meses:

20

Ninguna novedad

Diexor

DesaprobarAprobar Diexor dijo hace 5 meses:

21

Mmmm.. si lo conocia peor no me habiian dado ganas de probarlo.. mmm… weno sera pues a probar se ha dixo XD
Xaus

http://www.letenemo.cl.tc - Letenemo ! Tu punto de encuentro
http://www.portalopera.cl.tc - Portal Opera Comunidad Hispana

RunSaber

DesaprobarAprobar RunSaber dijo hace 5 meses:

22

Uhhhh, buenísimo, Google sigue llevándola…

Raminatox

DesaprobarAprobar Raminatox dijo hace 5 meses:

23

Esto hacia falta :O
Lo que inventan los googlianos….
PD… Probando Gravatar..1..2..3…Probando…

BLeeD

DesaprobarAprobar BLeeD dijo hace 5 meses:

24

Buena opción para los que no manejan las GD y/o GD2

Vikingo

DesaprobarAprobar Vikingo dijo hace 5 meses:

25

@Iso9001: el unico problema de la GD (que, concuerdo, es aun mejor) es que no es tan facil de usar para obtener resultados decentes como esta API, sobretodo pa los que programamos tarde mal y nunca

…aparte que nunca esta de mas una aplicacion como esta si te permite que otro se lleve el tiempo de CPU, jajajaja

Quizas ahora me olvide de pelear con GD y me ponga a usar el API, a ver si me demoro menos en hacer las cosas

saludos

Ivan

DesaprobarAprobar Ivan dijo hace 5 meses:

26

@vikingo: opino lo mismo…. mientras tengamos alguna forma de bajarle la carga a nuestro CPU, me quedo con google charts. Es bastante bueno y avanzado :)

claudio

DesaprobarAprobar claudio dijo hace 5 meses:

27

rica la api, solo que es sobre Web abierta, si no tienes interneke cagaste waldo con cuatica

Luke

DesaprobarAprobar Luke dijo hace 5 meses:

28

¿Vieron que Larry Page (el capo de Google) se juntó con la presidenta Cristina hoy?
Parece que google va a bancar el portal http://www.argentina.ar, y ponen una sede de Google en Argentina…
Ojalá que sirva para que podamos exportar tecnología digital al mundo!!!

maudichili

DesaprobarAprobar maudichili dijo hace 5 meses:

29

Interesante, pero luego vendrá el logito y la publicidad de google y además les poblamos una base estadística a google con las generaciones de nuestros gráficos.. nada es gratis…

BredeBS

DesaprobarAprobar BredeBS dijo hace 5 meses:

30

y yo usando jpgraph :B

buen aporte para los desarrolladores ;)

Deja un Comentario

XHTML: Puedes usar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Publicado el 17 de December de 2007 por tricky en la categoría Uncategorized con las etiquetas , , . Tiene 33 comentarios.

  • Compartir en Meneame

Enviar por email

Close
Tu email (*)
Email amigo (*)
Mensaje (opcional)
Código (*) captcha
 
 

Zetacorp Networks: FayerWayerNuyorkerSaborizanteZimio

(cc) 2007 Zetacorp Networks, algunos derechos reservados bajo una licencia Creative Commons.
FAYERWAYER es una marca registrada de Zetacorp Networks Ltda. FayerWayer recomienda Usar Firefox
Alimentado por WordPress / Diseñado por Leo Prieto / Desarrollado por I2B.