Crear gráficos desde un spreadsheet de Google Docs


Introducción

Manipular información en tiempos modernos requiere de herramientas modernas. En esta oportunidad nuestro desafío será integrar en nuestro sitio web, un grafico que pueda visualizar datos, extrayendo la información desde un documento spreadsheet de nuestro repositorio en Google Docs.


Forma gráfica

El HTML y Js que creamos interactua con la jsapi y extrae los datos de nuestro documento en Google Docs, para realizar la renderización del contenido donde el desarrollador tenga como requerimiento.

 
Que utilizamos para el desarrollo

Utilizamos Google Visualization API, particularmente la clase ChartWrapper para crear con HTML y Javascript el objetivo expuesto.


//Generamos la instancia del grafico que obtendrá los datos desde el spreadsheet
var grafico = new google.visualization.ChartWrapper({
//Colocamos el elemento importante, que es nuestra spreadsheet de Google Doc
//Luego tenemos las opciones del tipo de grafico y finalmente el contenedor donde graficaremos.
dataSourceUrl: 'Documento Google Doc',
chartType: 'PieChart',
containerId: 'visualization'
});
//Finalmente ejecutamos el método de dibujo
grafico.draw();
}
Codigo Central

Como lo desarrollo en la cloud

En esta oportunidad, he utilizado un entorno de desarrollo completamente en la nube llamado eXo Cloud IDE y en algunos segundos tener la posibilidad de confeccionar esta simple aplicación de manipulación de información utilizando como fuente de datos un spreadsheet de Google Doc.

Código disponible en:

GitHub - LookThisCodeGoogle API 

Tecnología

- Google Visualization API
- eXo Cloud IDE, Chrome browser
- GitHub para el código fuente

Comentarios

Publicar un comentario

Entradas más populares de este blog

Modelando relaciones en UML, un acercamiento a las Asociaciones

Imagen
En este artículo les traigo un análisis sobre las relaciones típicas de UML, como trabajar con ellas y algunas nociones de modelado. Al modelar los elementos que constituyen el vocabulario de un sistema, también hay que modelar como se relacionen entre si estos elementos. Pero típicamente encontramos complejidad en estas redes de relaciones, para sortear este inconveniente tenemos que tener un acabado conocimiento del uso de la relaciones. Hablando con diseñadores en diversos escenarios manifiestan conocimiento sobre relaciones, "utilizo a diario en mis diseños, dependencias, generalizaciones y asociaciones", pero el interrogante que emerge "¿Es suficiente la utilización básica de las relaciones para capturar los detalles de los sistemas actuales?" Para niveles aceptables de diseño, muchas veces es necesario profundizar sobre las relaciones y este objetivo intentaré cubrir en este artículo, como sería muy extenso tratar todas las relaciones voy a optar por definir c...
Leer más

Entendiendo la personalidad de mi equipo, cual es tu estilo?

Imagen
Cada equipo es una mezcla de personalidades, muchos líderes se preguntan cómo obtener la mejor combinación de las mismas y optimizar el equipo de trabajo. También ocurre un comportamiento frecuente, muchos equipos no están a la altura de su potencial, y una posible explicación es que los líderes no saben cómo manejar la diferencia en cómo las personas se acercan a su trabajo. Para abordar esta discusión me pareció muy interesante la siguiente propuesta de "Suzanne Johnson Vickberg and Kim Christfort, en el trabajo Pioneers, Drivers, integrators, & Guardians" donde se proponen 4 estilos de trabajo: Pioneros : valoran las posibilidades, la energía (chispas de energía) y la imaginación en sus equipos. Ellos creen que los riesgos valen la pena. Su enfoque es BigPicture. Ellos son atraídos a las nuevas ideas, enfoques creativos. Guardianes : valoran la estabilidad, ponen orden y rigor. Son pragmáticos, y no se atreven a abrazar el riesgo. Datos y hechos son requisi...
Leer más

Utilizando Intents implícitos para crear actividades

Imagen
Antes de comenzar la actividad de desarrollo vamos a definir de que se trata, cuando establecemos que utilizaremos intents implícitos en la solución mobile de Android. Los intents implícitos se utilizan cuando no se especifica un componente exacto a utilizar, en su lugar, se especifica la funcionalidad requerida a través de una acción (por ejemplo, 'ver', 'hacer búsqueda', 'marcar') y un dato (por exemplo, la URL de la página que se desea ver, el número que se desea marcar), y Android debe determinar el mejor componente para su utilización. Esa es una de las características más interesantes de Android, porque permite que una aplicación desencadene un “Intent” sin conocer exactamente cuál será la aplicación o componente que lo recibirá, y por eso puede interactuar con otras aplicaciones de manera muy flexible El filtro más comunmente utilizado es una acción, y la acción más común tiene que ver con el modo ACTION_VIEW. Los pasos básicos para lanzar una activid...
Leer más