Central de Conversiones: Treemap, una nueva forma de visualización con App Engine y la API de Google Analytics

Treemap, una nueva forma de visualización con App Engine y la API de Google Analytics

jueves, 5 de noviembre de 2009

Treemap es una forma cautivadora para ver tus datos de Google Analytics. Puedes visualizar tus propios datos con nuestra demostración en vivo. (Nota: actualmente, IE no soporta la parte de visualización.)

Y, este video explica cómo acceder a esta visualización y cómo utilizarla.

El objetivo de este ejemplo era enseñar a las personas a utilizar la API de Google Analytics en App Engine en Java, así como demostrar cómo usar OAuth y AuthSub junto con los diversos servicios de App Engine. El código se veía excelente, pero el resultado era una tabla de HTML aburrida. Entonces usamos herramientas de código abierto para transformar la tabla en una bonita visualización gráfica, que también es útil para notar las métricas interesantes.
Todo el código es abierto y está hospedado en Google Project. Además, este es un artículo que describe cómo funciona esta aplicación facilitando a los desarrolladores el uso de este ejemplo como punto de partida para nuevas vistas de datos y otros proyectos de Google Data.
Para la parte de recuperación de datos, utilizamos el SDK de Java de App Engine y la Biblioteca de Java del API de Exportación de Datos de Google Analytics. El código de muestra implementa métodos de autorización AuthSub no firmados y OAuth registrados permitiendo a los desarrolladores estar instalados y funcionando en su entorno de desarrollo y después cambiar a un método de autorización seguro en entornos de producción. La aplicación también usa el patrón Modelo-Vista-Controlador, haciéndolo flexible y permitiendo que los desarrolladores amplíen el código para nuevas aplicaciones (por ejemplo, agregar soporte para otras API de Google Data).
Y por último, para la parte de visualización, utilizamos la Biblioteca de Visualización de Protovis de SVG. La biblioteca de JavaScript se mantiene por el Stanford Visualization Group que se dedica a crear visualizaciones novedosas para conjuntos de datos (en este caso una tabla de HTML aburrida). Para manejar todas las interacciones, incluso el rollover, sugerencias y controles de desplazamiento, utilizamos JQuery. Esta es la código de JavaScript para la parte de visualización del ejemplo.
¡Disfrútala!Publicado por Nick Mihailovski, Equipo de la API de Google Analytics