← Zurück zum Portfolio
— UI / UX-Design & Frontend-Entwicklung
Q-Search 3D-Diagramm
Interaktiver 3D-Knotengraph mit Three.js (WebGL) und D3.js. Knoten zeigen Live-Newsfeeds per AJAX, unterstützen Filterung und Neuanordnung sowie 2D/3D-Umschaltung mit drehbarem Viewport.
EntwicklungUI / UX DesignDatenvisualisierungThree.jsWebGLD3.js
Die Herausforderung
Analysten, die erforschten, wie Personen, Organisationen und Themen über tausende Nachrichtenartikel hinweg zusammenhängen, hatten keine Möglichkeit, diese Verbindungen auf einen Blick zu sehen — nur eine flache Artikelliste nach der anderen.
Die Lösung
Wir haben einen filterbaren Knotengraphen gebaut, in dem jede Entität ein größen- und farbcodierter Knoten ist, verbunden mit dem, worauf sie sich bezieht, mit einem Live-Panel verknüpfter Artikel und einem flüssigen 2D/3D-Umschalter zur Erkundung dichter Cluster.
Die Ergebnisse
1.000+
Entitäten in einem einzigen Live-Graphen dargestellt
9
filterbare Entitätskategorien
-65%
Zeit zum Nachverfolgen einer Beziehung gegenüber manueller Suche
2
Darstellungsmodi (2D flach / 3D WebGL)
