Software y Sistemas diciembre 2025

Visor de redes

Visor de redes

App web estática para cargar grafos en JSON, visualizarlos en 3D y explorar su resiliencia con una simulación simple de ataque (eliminación aleatoria de nodos). Incluye ejemplos listos para probar y scripts opcionales para generar datos.

Tecnologías

HTML CSS JavaScript Three.js Python NetworkX Git/GitHub

Roles

Diseño-y-arquitectura Frontend-(HTML/CSS/JS) Visualización-3D Scripts-auxiliares-(Python)

Resultados y Logros

  • Implementación de una demo estática (sin backend) con flujo completo: JSON → visualización 3D → simulación.

  • Carga de JSON por archivo (sin copy/paste) y ejemplos listos para probar.

  • Separación mínima y mantenible: assets/ (tema), páginas HTML, scripts/ para generación/ataque.

Qué es

Visor de redes es una demo técnica (sin backend) para cargar un grafo en JSON, renderizarlo en 3D y simular un ataque básico eliminando nodos de forma aleatoria para observar cómo cambia la conectividad.

Cómo se usa

  1. Abrir la demo.
  2. Cargar un archivo .json desde el botón “Cargar archivo JSON”.
  3. (Opcional) Ejecutar la simulación de ataque desde la página de simulación.

Notas

  • Demo honesta: el modelo de ataque es deliberadamente simple.
  • Incluye ejemplos en el repositorio para probar en menos de 1 minuto.

Decisiones técnicas y limitaciones (honestas)

Decisiones técnicas

  • App estática (sin backend): máxima portabilidad (hosting estático / Pages) y mínimo mantenimiento.
  • Entrada por archivo JSON: evita el copy/paste y permite probar con ficheros grandes.
  • Visualización 3D: render de nodos y enlaces para exploración visual.
  • Simulación simple: eliminación aleatoria de nodos para observar cambios de conectividad y fragmentación.

Limitaciones (honestas)

  • El ataque es deliberadamente simple (no hay estrategia adversaria).
  • No es un modelo científico completo; es una demo/visor para exploración.
  • JSON grandes pueden ser pesados: usa “Cargar archivo JSON” y ejemplos incluidos.

Recursos y Descargas

¿Te interesa este proyecto?

Si deseas más información técnica, documentación adicional o discutir una colaboración, no dudes en contactarme.

Solicitar información