FLUX
Introducción
Flux es una visualización interactiva que muestra los flujos de transacciones entre las diferentes celdas y códigos postales combinando al mismo tiempo información proveniente de Foursquare de las áreas metropolitanas de Madrid y Barcelona
La visualización permite, entre otras cosas, determinar cuáles son las zonas que ejercen de polos de atracción de comercio y desde que otras zonas distantes proviene el tráfico hacia ellas
Descripción
La visualización muestra un mapa de celdas de 550x450m en cualquiera de las 2 ciudades durante el periodo de la muestra (Noviembre 2012 - Abril 2013)
El API proporcionada por BBVA muestra todas las transacciones realizadas con tarjeta de crédito en cada una de las celdas, agregadas por código postal
Esta información se ha combinado con información geográfica proporcionada por el API de google maps (geolocalización de celdas), y de los comercios proporcionado por el API de Foursquare. Haciendo cálculos sobre estos datos se ha deducido el flujo entrante y saliente entre las celdas de la representación.
Funcionamiento
Una vez seleccionada la ciudad y un periodo temporal la visualización muestra (en el rollover del cursor) las transacciones realizadas en cada celda, en forma numérica y con una representación circular proporcional a la cantidad total
En cualquier momento podemos cambiar la dirección del flujo de transacciones, haciendo click en la flecha que indica la dirección. Entonces la cantidad que se muestra es la del total de transacciones que tiene origen en el código postal actual y se efectua en cualquier otra celda de la muestra.
Para visualizar el flujo de un lugar a otro debemos seleccionar una celda haciendo click en ella.
En este caso desaparecen todas las celdas con las cuales no ha interactuado la actual y se nos muestra el flujo entrante (el total de transacciones totales a la celda) desde el código postal de la posición actual del cursor. La flecha indica el sentido de las transacciones
Si cambiamos el sentido se nos mostrará el total de transacciones del código postal al cual pertenece la celda seleccionada hacia la celda que está en la posición actual del cursor.
Moviendo el cursor por la pantalla podemos ver el flujo desde o hasta cualquier cualquier otra celda de la visualización
La información proporcionada por Foursquare (los 5 lugares más destacados ordenados por número de “checkins”) nos permite deducir cuáles son los comercios que ejercen atracción desde zonas distantes
Descripción técnica
El proyecto utiliza 3 fuentes de información:
- El API proporcionado por BBVA. Se han obtenido las transacciones de cada celda distribuidas por código postal y agrupadas por meses https://developer.bbva.com/api/api-datathon/section/api-reference
- El API de googlemaps, para determinar el código postal y ciudad de cada celda y visualizar el mapa https://developers.google.com/maps/
- El API de “venues” de foursquare para mostrar los centros con más actividad en cada una de las celdas https://developer.foursquare.com/overview/venues.html
- La actividad comercial en cada una de las zonas relacionado con el número de comercios en Foursquare
- El flujo comercial entrante y saliente en cada zona en función de estos comercios
- Los polos comerciales que atraen personas de zonas alejadas
Adicionalmente se utiliza el API de google charts para mostrar la distribución en un diagrama de tarta (pie)
https://developers.google.com/chart/Para la captura de los datos se ha desarrollado una herramienta que almacena los datos proporcionados por el API de BBVA efectuando un “escaneado” celda por celda para cada mes
Al mismo tiempo para cada celda se obtienen los datos geográficos (código postal, ciudad) del API de google maps y los 50 “venues” más visitados en Foursquare. Toda esta información se cachea en una base de datos para optimizar la velocidad de acceso
Para el desarrollo de la visualización hemos utilizado html5/canvas/javascript. El código javascript desarrollado a medida permite interactuar con la información en tiempo real.
Para una óptima visualización se aconseja utilizar versiones modernas de los navegadores actuales
Conclusiones
Flux es una herramienta que permite analizar las transacciones entre diferentes zonas geográficas desde diferentes puntos de vista, entre otras :
Sobre Pimpampum
Pimpampum es una pequeña empresa dedicada a desarrollar aplicaciones interactivas
En el lab nos dedicamos a experimentar con visualizaciones y propuestas interactivas diversas
http://www.pimpampum.net/es/projects_lab
Más información en pimpampum.net