← 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.
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)
