refactor: replace Three.js with D3-force for 2D graph visualization

3 months ago

d8d09cd

Authored

asta-nguyen7/23/2026, 7:46:07 AM

Replace Three.js 3D rendering with D3-force 2D canvas-based graph layout. Add pan/zoom controls, node dragging, and edge color bucketing for improved performance. Update UI with dark theme styling, number formatting with locale separators, and accessibility attributes (aria-label, aria-pressed, button types). Show node/edge limit warnings when data exceeds display capacity.

Parent5f6df1e

8 files changed

apps/web/package.json+2−2
apps/web/src/components/graph/GraphClient.tsx+28−11
apps/web/src/components/graph/WorkspaceGraph.tsx+582−407
apps/web/src/lib/api.ts+2−0
apps/web/src/routes/workspaces/$workspaceId/graph.tsx+4−4
apps/web/src/server/index.ts+11−5
apps/web/src/server/sqlite.ts+23−3
pnpm-lock.yaml+694−711

giogio / openez-graph

refactor: replace Three.js with D3-force for 2D graph visualization