Universitario · Web

Modelo Causal Interactivo

Hace navegable un modelo causal complejo mediante un grafo interactivo y reproducción temporal.

  • React
  • TypeScript
  • Vite
  • React Flow
  • SVG

En una mirada

  • Problema · Hacer legible un modelo causal con múltiples variables y relaciones
  • Decisión · React Flow para el grafo y SVG para explorar series temporales de demostración
  • Resultado · Demo pública con reproducción, detalle por variable, zoom, arrastre y minimapa

Problema y contexto

El reto académico fue hacer comprensible y navegable un modelo causal que relaciona inmigración, desempleo, delincuencia, programas de integración y capacidad policial. Construí una visualización web que combina el grafo con series temporales de demostración; representa relaciones y escenarios, pero no pretende funcionar como un motor predictivo ni utilizar datos reales.

Decisiones y ejecución

  • Representé nodos y relaciones con React Flow para obtener navegación, zoom, arrastre y minimapa sin construir esas interacciones desde cero.
  • Separé la exploración temporal en una vista SVG que permite seleccionar cada variable y revisar su evolución.
  • Usé datos de demostración y aclaré el alcance para no presentar la visualización como una simulación predictiva.
Vista general del modelo causal
Vista general del modelo causal
Serie temporal de una variable
Serie temporal de una variable