Agenda Urbana
Diseño y desarrollo de una plataforma de visualización de datos de indicadores urbanos, escalable a distintos ayuntamientos.
La Agenda Urbana Española, es la hoja de ruta que va a marcar la estrategia y las acciones a llevar a cabo hasta 2030, para hacer de nuestros pueblos y ciudades ámbitos de convivencia amables, acogedores, saludables y concienciados.
Entre las diferentes partes de la agenda se encuentra la definición de un conjunto de indicadores para describir y medir el impacto de las políticas públicas.
Metricas
De forma similar a los objetivos de desarrollo sostenible, la agenda urbana Española agrupa un conjunto de indicadores por temáticas: economía, sociedad, medio ambiente, gobernanza, etc.
Nuestro cliente y partner en el proyecto, Smart and City, nos pidió diseñar y desarrollar una plataforma para visualizar los datos de los indicadores de la agenda urbana.
Principales retos
El principal reto fue diseñar una plataforma que pudiera ser usada por distintos ayuntamientos, y a la vez adaptarse a sus necesidades. Mismo código, distintos datos y distintas visualizaciones. Así que acabamos con una arquitectura modular que pudiera ser extendida con nuevos componentes.
Estos son algunos ejemplos de las plataformas para distintos ayuntamientos:
- Observatorio de la agenda urbana de Torrepacheco
- Observatorio de la agenda urbana de Logroño
- Observatorio de la agenda urbana de Salamanca
Estos son algunos de los módulos que forman parte de la plataforma.
- Módulo de indicadores descriptivos
- Módulo de indicadores evolutivos
- Módulo de indicadores geográficos
- Módulo de navegación y vista general
Diseño
Nos gusta empezar las visualizaciones explorativas con una vista general de los datos. Como la mayoría de los gráficos para los indicadores serían bastante estándar decidimos hacer algo diferente para la vista general. Diseñamos un "gráfico de radar" que muestra los valores de las diferentes temáticas de la agenda. El círculo también se relaciona con la marca de los objetivos de desarrollo sostenible.
Gráfica de radar
Para el módulo de "evolución" tuvimos que diseñar gráficos que pudieran mostrar la evolución, la comparación entre ciudades y también una diversidad de datos. Para algunos indicadores solo teníamos datos para un año. Para otros teníamos datos para diferentes años. Así que diseñamos un gráfico que pudiera adaptarse a todos estos escenarios.
Arquitectura y tecnología
La plataforma es una aplicación web, construida con VUE y NUXT. Debido a que el cliente almacenaba todos los datos en distintas hojas de calculo de tipo "spreadhseet", decidimos acomodar el flujo de datos a esto.
Los datos se almacenan en una hoja de cálculo en la nube. Ya que no se actualizan mas que anumalmente, decidimos crear sitios estáticos pre-renderizados con estos datos siguiendo la filosofía Jamstack. De esta forma tenemos una aplicación segura, instalable en cualquier servidor de cualquier ayuntamiento, sin dependencias de backend y con un coste de mantenimiento muy bajo.