← Back to portfolio
— UI / UX Design & Frontend Development
Q-Search 3D Chart
An interactive 3D node graph built with Three.js (WebGL) and D3.js — nodes carry live news feeds, support filtering and toggle between 2D and 3D modes.
DevelopmentUI / UX DesignData VizThree.jsWebGLD3.js
The challenge
Analysts researching how people, organisations and topics relate across thousands of news articles had no way to see those connections at once — only one flat article list at a time.
The solution
We built a filterable node graph where every entity is a sized, colour-coded node connected to what it relates to, with a live linked-articles panel and a smooth 2D/3D toggle for exploring dense clusters.
The results
1,000s
entities rendered in a single live graph
9
filterable entity categories
-65%
time to trace a relationship vs. manual search
2
render modes (2D flat / 3D WebGL)
