Sistemas de Información, Páginas Web, Seguridad

Google Chart API

Paco Martes 17 de Marzo del 2009

En estos dias de arduo trabajo es muy reconfortante encontrar utilidades con las que sea posible trabajar de manera comoda y eficaz. Una de las tareas que desarrollamos en los ultimos meses es la generación de graficas dinamicas para un sitio web. Tras varios experimentos con JSChart e investigar con algunas otras tecnologías, dimos con una que se ajustó mas a lo que deseábamos. Esa utilidad (que fue la que nos sorprendió aquí en Amarello) es la API de Google Charts. Esta API, es la mas robusta y completa que encontramos para poder realizar gráficas dinámicas en un sitio web. La maravilla de esta API es su capacidad y su facilidad de manejo.

La idea básica consiste en generar las gráficas(imágenes) mandando los datos de ella por medio de parámetros GET a la API de Google en sus servidores. Esto desde un principio puede parecer una desventaja, pero esto también puede ser una gran ventaja según se vea. Todo se reduce a una etiqueta web de <img> que tiene como “src=” la API. por lo que el hacer una gráfica se reduce a un código HTML tan simple como el siguiente:

 <img src="http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World" />

En el, podemos ver los parametros basicos que toda gráfica debe llevar como lo es el tipo de grafica, los valores, y el tamaño de la gráfica. Todos estos datos produce la siguiente imágen:

Esta sencillez le da una gran ventaja a esta API sobre las demas. Ademas, permite el dibujado de gráficas de tipo pay o pastel, de barras, diagramas de Venn, Gráficos de lineas, gráficos de puntos, e incluso mapas geograficos entre otros. Así, todas las gráficas a continación son directamente generadas desde la API:

Como dije esta solución fue la que mas se ajustó a nuestras necesidades, pero existen muchas mas opciones de diferente complejidad y diferentes tacnologías, como lo es JSChart, que desde mi puto de vista es un poco mas fácil de usar pero se pierde un poco de control y personalización que ofrece Google Chart. En fin, les dejo a continuación la dirección de la documentación de Google Chart para que se den una idea de lo versatilidad y poder de la API, esperando que les sea de ayuda para entender un poco mas esto.

Documentación Google Charts

Trackback URI | RSS de los comentarios

Deja un Comentario

Posts relacionados