Problem
Reviewing and recording indicator progress by period and territory required a shared experience connecting metrics, tables, narrative and cartography.
BACK TO SYSTEMS
PRODUCT / LIVE INTERFACE LIVE INTERFACE / FICTIONAL DATA CASE SUMMARY 01 02 03 04 / UI TYPOGRAPHYAa PRODUCT PALETTE 05 / SYSTEM
PROGRAM.DETAIL / 04 OF 09FINISHED · VALIDATED · ACTIVE
SIGMA V3 — Geographic Indicator Monitoring System
Geographic indicator monitoring through maps, filters, metrics and reporting flows.
- STATUS
- FINISHED · VALIDATED · ACTIVE
- VISIBILITY
- PARTIAL
- ROLE
- Sole author, end to end: UX/UI, full-stack development, D3 cartography, data and documentation.
5 views of the interface and its main decisions.
05functional views03territorial scalesD3interactive cartographyV3audited version
Case summary
Intervention
Dashboard, DIVIPOLA map, progress reporting, logs and feedback were integrated into a multipage web application.
Outcome
The frontend combines public consultation, territorial analysis, indicator detail and progress reporting.
Visual system
Typography and tokens documented for SIGMA.
Inter
SIGMA
Geographic indicator monitoring through maps, filters, metrics and reporting flows.
NEXT STEP#213362Documented token 01#1B4472Documented token 02#07519DDocumented token 03#00AEE3Documented token 04#A8CF45Documented token 05#FFCD00Documented token 06
Institutional blues, cartographic cyan and semantic accents organise navigation, metrics, filters, maps, tables, forms and modals. Visible focus, ARIA labels and reduced motion were checked, without claiming full WCAG conformance.
Engineering & evolution
Product evolution and documented process.
STACK
- HTML5
- CSS3
- JavaScript ES Modules
- D3.js 7
- GeoJSON
- Tailwind CSS