[D3/AI] Optimize Graph Node Transitions & Active State Badge #16

Closed
opened 2026-05-07 16:45:39 +00:00 by mjasin · 0 comments
Owner

Issue 5: D3.js Graph Transition & "YOU ARE HERE" Badge Logic

System Prompt:

Context: The Knowledge Graph jumps during updates, and the "TU JESTEŚ" badge is currently static.
Role: Data Visualization Engineer.
Task: Refactor knowledgeGraph.js to handle smooth data updates.
Requirements:

  1. Use the D3 "General Update Pattern" (Enter-Update-Exit) with .transition().duration(500).
  2. Implement a floating badge for the activeNodeId. The badge must follow the node during simulation ticks.
  3. New nodes discovered by Gemini must enter with a "Neon Flash" animation.
  4. Dim non-active nodes to opacity: 0.4 when a specific block is focused in the reader.
#### **Issue 5: D3.js Graph Transition & "YOU ARE HERE" Badge Logic** **System Prompt:** > **Context:** The Knowledge Graph jumps during updates, and the "TU JESTEŚ" badge is currently static. > **Role:** Data Visualization Engineer. > **Task:** Refactor `knowledgeGraph.js` to handle smooth data updates. > **Requirements:** > > 1. Use the D3 "General Update Pattern" (Enter-Update-Exit) with `.transition().duration(500)`. > 2. Implement a floating badge for the `activeNodeId`. The badge must follow the node during simulation ticks. > 3. New nodes discovered by Gemini must enter with a "Neon Flash" animation. > 4. Dim non-active nodes to `opacity: 0.4` when a specific block is focused in the reader.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#16