Mapeando la educación cívica en Europa

THE CIVICS es una ONG pan-europea que promueve la educación cívica en Europa mediante la creación de redes, el intercambio y el empoderamiento de los ciudadanos.

Están inmersos en un proyecto para mapear y conectar organizaciones de educación cívica en Europa. Compo parte del proceso, han realizado encuestas a organizaciones de este ámbito.

"THE CIVICS" nos encargó visualizar los datos recopilados en la encuesta y desarrollar una plataforma para explorar las organizaciones y sus conexiones.

La plataforma tiene diferentes vistas:

• Un mapa y descripción de todas las organizaciones en la página de inicio
• Diagramas de red con las organizaciones dentro de cada país
• Una página en formato narrativo con los resultados de la encuesta (disponible en https://mapping.thecivics.eu/reports )

A lo largo de estas vistas hemos desarrollado una serie de visualizaciones personalizadas y otras más convencionales.

Las organizaciones son la entidad principal de la encuesta y están representadas, de forma consistente en todo el sitio, por una especie de "huella dactilar" que representa tres aspectos principales: el tipo de entidad, el campo principal de trabajo y el enfoque de la educación cívica, en una especie de gráfico radial ondulado.

La visualización más sofisticada que hemos creado para este proyecto es un diagrama de red radial que muestra las conexiones (colaboraciones) entre organizaciones para cada país.

• Los usuarios pueden elegir el criterio en el que se ordena cada nodo alrededor del círculo.
• Un filtro permite reducir el número de organizaciones mostradas empujando las no seleccionadas a una órbita más alejada del centro.
• Y finalmente, al seleccionar una organización, el nodo correspondiente se mueve al centro del diagrama, reconfigurando el diagrama de red, mientras se abre un panel de detalles de la organización.

La suma de estas tres interacciones crea un dispositivo bastante completo y explorable.

Tareas y desafíos

Nos encargamos de todo el proceso de transformación de los datos a una plataforma web:

• Modelado de la arquitectura de datos
• Diseño
• Desarrollo

La plataforma es una solución con distintos objetivos que permite al cliente mostrar, actualizar y reutilizar sus datos en diferentes contextos. Por ejemplo diseñamos una especie de panel desde donde descargar las visualizaciones en un formato apropiado para su impresión. Las mismas gráficas de la versión online tienen una versión lista para ser incluida en la memoria impresa del proyecto.

Tecnologías

En el frontend usamos nuestro stack habitual: Vue.js/Nuxt, D3.js

En el backend, el cliente necesita poder actualizar los datos de forma periódica, pero no queremos tener que mantener un backend. Para ello hemos desarrollado nuestra propia integración con una base de datos "Nocode" (Seatable).

Seatable permite a nuestro cliente tanto actualizar los datos como crear nuevas encuestas.