← Înapoi la portofoliu
— Design UI / UX & dezvoltare frontend
Q-Search — grafic 3D
Graf de noduri 3D interactiv construit cu Three.js (WebGL) și D3.js. Nodurile afișează fluxuri de știri live via AJAX, suportă filtrare și rearanjare, comutare între moduri 2D și 3D cu viewport rotabil.
DezvoltareDesign UI / UXVizualizare de dateThree.jsWebGLD3.js
Provocarea
Analiștii care cercetau modul în care oamenii, organizațiile și subiectele se leagă în mii de articole de știri nu aveau nicio modalitate de a vedea acele conexiuni deodată — doar o listă plată de articole, câte una pe rând.
Soluția
Am construit un graf de noduri filtrabil în care fiecare entitate este un nod dimensionat și colorat, conectat la ceea ce se leagă de el, cu un panou live de articole conexe și o comutare fluidă 2D/3D pentru explorarea clusterelor dense.
Rezultatele
1.000+
entități randate într-un singur graf live
9
categorii de entități filtrabile
-65%
timp pentru a urmări o relație față de căutarea manuală
2
moduri de randare (2D plat / 3D WebGL)
