[D3/UI] Implement Zoom-to-Fit & Bound-Constrained Simulation #22

New Issue

2026-05-08T18:33:31Z

mjasin commented

2026-05-08 18:33:31 +00:00

Context: The graph simulation is unbounded, causing nodes to drift off-screen or cluster too tightly within the sidebar width.
Role: Frontend Engineer.
Task: Optimize the D3 viewport and force simulation constraints.
Requirements:

Bounded Box: Implement a force constraint that keeps nodes within the IntelligenceContent width, preventing horizontal clipping.
Zoom-to-Fit: On every graph update, trigger a smooth d3.zoom transition that automatically centers and scales the graph to fit all discovered nodes.
Hierarchy Layout: Instead of a pure force-directed clump, implement a d3.forceY that gently pulls nodes into vertical "tiers" based on their appearance order in the text.
Goal: Ensure the most relevant concept (active node) is always centered in the viewport.

**Context:** The graph simulation is unbounded, causing nodes to drift off-screen or cluster too tightly within the sidebar width. **Role:** Frontend Engineer. **Task:** Optimize the D3 viewport and force simulation constraints. **Requirements:** 1. **Bounded Box:** Implement a force constraint that keeps nodes within the `IntelligenceContent` width, preventing horizontal clipping. 2. **Zoom-to-Fit:** On every graph update, trigger a smooth `d3.zoom` transition that automatically centers and scales the graph to fit all discovered nodes. 3. **Hierarchy Layout:** Instead of a pure force-directed clump, implement a `d3.forceY` that gently pulls nodes into vertical "tiers" based on their appearance order in the text. **Goal:** Ensure the most relevant concept (active node) is always centered in the viewport.

mjasin referenced this issue from a commit

2026-05-09 06:25:06 +00:00

fix(d3/ui): implement Zoom-to-Fit and Bound-Constrained Simulation [issue #22]

mjasin referenced a pull request that will close this issue

2026-05-09 09:34:03 +00:00

feat(ui/graph): Knowledge Graph Refinement and Sidebar Hierarchy #25

mjasin closed this issue

2026-05-09 09:36:24 +00:00

mjasin referenced this issue from a commit

2026-05-09 09:36:25 +00:00

feat(ui/graph): Knowledge Graph Refinement and Sidebar Hierarchy (#25)

Sign in to join this conversation.