Des de Coopdevs, la visualització de dades per a la seva anàlisi, tradicionalment, s’ha fet amb Apache Superset. Superset és una eina que permet la creació de quadres de comandament i gràfics forma fàcil i ràpida, amb un sistema de drag&drop. Per contra, no sempre permet l’adaptació del format dels gràfics a les necessitats dels projectes, com pot ser el la família tipogràfica, tipus de llegenda, etc. Per aquest motiu hem integrat a l’arquitectura de Business Intelligence de Coopdevs un nou servei per a poder dissenyar gràfics web de forma totalment personalitzable.
Arquitectura de la solució
Per a la construcció de web amb gràfics personalitzats s’ha utilitzat Vite+React (https://vite.dev/ ) que permet la construcció de frontends de forma robusta i senzilla. Per a la creació de gràfics s’utilitza la llibreria Plotly (https://plotly.com/) que permet la construcció de diferents tipus de gràfics de forma molt personalitzable.
Podeu veure un exemple del nou servei a: https://bi-ubuntu24.coopdevs.org/sub/coopdevs
La part més complicada d’aquest nou servei és que la construcció de gràfics ja no és self-service, com passa amb Superset, sinó que depèn d’una persona tècnica que programi la web, a canvi de tenir el resultat final un aspecte totalment personalitzable.
Quins tipus de visualitzacions es poden integrar?
Es poden integrar tot tipus de gràfics, com poden ser els de pastís, de barres, mixtes, indicadors numèrics, velocímetres, mapes, etc.
També es pot integrar text entre els gràfics per a crear pàgines d'storytelling per tal de poder explicar millor les conclusions mostrades en el les visualitzacions.
Integració amb Superset
A més, des de la solució desenvolupada en vite, es permet la incrustació de quadres de comandament de Superset, de forma segura i, si cal, aplicant Row Level Security a les dades que es veuen, cosa que permetria incrustar el quadre de comandament de Superset en una web amb autenticació.
Podeu veure un exemple de dashboard de superset incrustat a https://bi-ubuntu24.coopdevs.org/sub/superset
Des de Coopdevs anem ampliant la quantitat de solucions disponibles per a l’analítica i visualització de les dades a l’Economia Social i Solidària.
Com sempre, podeu trobar el codi desenvolupat al nostre Gitlab: https://git.coopdevs.org/coopdevs/bi/coopdevs/coopdevs-graphics-vite