Software & Systems
December 2025
Network viewer
Static web app to load JSON graphs, visualize them in 3D, and explore resilience with a simple attack simulation (random node removal). Includes ready-to-run examples and optional scripts to generate data.
Technologies
HTML
CSS
JavaScript
Three.js
Python
NetworkX
Git/GitHub
Roles
Design-&-architecture
Frontend-(HTML/CSS/JS)
3D-visualization
Auxiliary-scripts-(Python)
Results and Achievements
- Built a static demo (no backend) with an end-to-end flow: JSON → 3D visualization → simulation.
- File-based JSON upload (no copy/paste) and ready-to-run examples.
- Minimal, maintainable structure:
assets/(theme), HTML pages, andscripts/for generation/attack.
What it is
Network Viewer is a backendless technical demo to load a graph in JSON, render it in 3D, and simulate a basic attack by randomly removing nodes to observe connectivity changes.
How to use it
- Open the demo.
- Load a
.jsonfile via “Load JSON file”. - (Optional) Run the attack simulation from the simulator page.
Notes
- Honest demo: the attack model is intentionally simple.
- The repository includes example files to test in under a minute.
Technical decisions and honest limitations
Technical decisions
- Static app (no backend): maximum portability (static hosting / Pages) and minimal maintenance.
- File-based JSON input: avoids copy/paste and supports larger files.
- 3D visualization: nodes + edges rendering for visual exploration.
- Simple simulation: random node removal to observe connectivity and fragmentation changes.
Honest limitations
- The attack model is intentionally simple (no adversarial strategy).
- This is not a full scientific model; it’s a demo/viewer for exploration.
- Large JSON files can be heavy: use “Load JSON file” and the included examples.
Resources & Downloads
Interested in this project?
If you need more technical information, additional documentation, or want to discuss a collaboration, feel free to contact me.
Request information