Problema
Los datos públicos suelen estar disponibles, pero no siempre son fáciles de leer, filtrar o interpretar cuando se publican como archivos técnicos.
Proyecto showcase
Sistema 3 PDN: un tablero interactivo para convertir datos públicos complejos en consulta clara, filtrable y accionable.
Este proyecto transforma archivos JSON institucionales sobre personas servidoras públicas y particulares sancionados en una experiencia visual que facilita explorar indicadores, tendencias, territorio y expedientes sin depender de herramientas externas.
Proyecto personal enfocado en UX/UI para datos públicos, visualización,
normalización defensiva y frontend sin dependencias pesadas.
13,626 registros
Datos precargados y normalizados para consultar expedientes aun sin servidor.
16 entidades
Lectura territorial mediante filtros, mapa de México y comparativos visuales.
HTML · CSS · JS
Aplicación estática con gráficas SVG, exportación CSV y modo claro/oscuro.
Resumen del caso
Una interfaz institucional pensada para que los datos sancionatorios se puedan explorar, comparar y descargar con menos fricción.
El reto principal fue convertir una fuente técnica y fragmentada en una capa de consulta útil para análisis ciudadano, institucional y operativo. La solución organiza filtros, KPIs, mapa, gráficas y tabla detallada en un recorrido que permite pasar de una lectura nacional a un expediente específico.
Datos normalizados
La lógica defensiva unifica entidades, categorías, faltas, sanciones y fechas para reducir inconsistencias entre fuentes JSON.
Consulta guiada
Los filtros permiten avanzar por entidad, categoría, falta, sanción, vigencia y búsqueda institucional sin saturar la pantalla.
Interacción accesible
La experiencia incluye salto al contenido, foco visible, tabla con estructura semántica y soporte para reducción de movimiento.
Proceso y decisiones
El tablero se diseñó como una capa de lectura, no solo como una pantalla de gráficas.
La estructura parte de preguntas concretas: cuántos registros existen, dónde se concentran, qué categorías predominan, qué sanciones aparecen con mayor frecuencia y qué expediente explica cada dato. Por eso combina KPIs, mapa, comparativos, tendencias, tabla y ficha modal.
A nivel técnico, la aplicación usa JavaScript nativo para cargar y normalizar datos, SVG para gráficas sin librerías pesadas, persistencia local para tema claro/oscuro y exportación CSV para reutilizar la consulta filtrada.
UX para datos
Dashboards
JavaScript
SVG
Accesibilidad
Resultados y valor
El resultado es una herramienta de consulta que hace más comprensible una base pública compleja y la convierte en insumo de análisis.
Sistema 3 PDN muestra cómo una interfaz bien estructurada puede elevar el valor práctico de datos institucionales: permite explorar, comparar, detectar concentraciones territoriales, revisar tendencias y abrir detalle por expediente sin abandonar el navegador.
Lectura ejecutiva
Los KPIs y gráficas reducen el esfuerzo para identificar patrones relevantes dentro de miles de registros.
Exploración territorial
El mapa y los filtros por entidad ayudan a pasar de un panorama nacional a una lectura local con contexto.
Implementación ligera
La solución funciona como sitio estático, sin dependencias externas para gráficas y con datos precargados para mayor portabilidad.
Contacto
Si necesitas convertir datos complejos en un tablero claro, háblame de tu proyecto.
Puedo ayudarte a estructurar dashboards, observatorios, visualizadores de datos o plataformas institucionales que conecten información, análisis y toma de decisiones.
Respondo en menos de 24 horas y puedo apoyarte desde la arquitectura de información hasta la implementación frontend.
