Google Chart API

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&amp;chd=t:60,40&amp;chs=250x100&amp;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

Deja un comentario