3D Force-Graph: Adelsbeziehungen

Dieses Beispiel rendert ein force-basiertes Knoten-Kantendiagramm mit Three.js. Die Daten liegen in einer JSON-Datei und werden per Generator zufällig erzeugt.

Dateien

• index.html - Einstiegspunkt
• app.js - Three.js Visualisierung und Force-Simulation
• style.css - UI/Styling
• data/generate-data.mjs - Zufalls-Datengenerator
• data/nobility-graph.json - aktuell generierte Daten

Starten

1. Optional neue Daten generieren:
   • node data/generate-data.mjs
2. Lokalen Webserver im Projektordner starten:
   • python3 -m http.server 8080
3. Im Browser öffnen:
   • http://localhost:8080

Hinweis: Die Seite sollte nicht direkt via file:// geöffnet werden, da fetch für JSON dann meist blockiert wird.

Gehostete Version

Zur gehosteten Seite