[D3/AI] Implement Semantic Text Truncation & Pill-Node Geometry #21

New Issue

2026-05-08T18:33:01Z

mjasin commented

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

Context: Graph nodes currently display full sentences or multiple comma-separated terms, causing massive overlap and unreadability.
Role: Data Visualization Specialist.
Task: Refactor knowledgeGraph.js and the LLM extraction logic to enforce concise node labels.
Requirements:

Extraction Constraint: Update the LLM prompt to restrict concept.label to a maximum of 3 words (e.g., "Dependency Injection" instead of full descriptive lists).
Pill Geometry: Render nodes as dynamic SVG <rect> elements with rx="15". The width must automatically adjust to the text length with internal padding.
Text Truncation: In D3, use a truncation function to append "..." if a label exceeds 20 characters, showing the full text only on hover.
Collision Detection: Increase the d3.forceCollide radius to nodeWidth + 20px to ensure physical separation between concept pills.

**Context:** Graph nodes currently display full sentences or multiple comma-separated terms, causing massive overlap and unreadability. **Role:** Data Visualization Specialist. **Task:** Refactor `knowledgeGraph.js` and the LLM extraction logic to enforce concise node labels. **Requirements:** 1. **Extraction Constraint:** Update the LLM prompt to restrict `concept.label` to a maximum of 3 words (e.g., "Dependency Injection" instead of full descriptive lists). 2. **Pill Geometry:** Render nodes as dynamic SVG `<rect>` elements with `rx="15"`. The width must automatically adjust to the text length with internal padding. 3. **Text Truncation:** In D3, use a truncation function to append "..." if a label exceeds 20 characters, showing the full text only on hover. 4. **Collision Detection:** Increase the `d3.forceCollide` radius to `nodeWidth + 20px` to ensure physical separation between concept pills.

mjasin referenced this issue from a commit

2026-05-09 06:20:49 +00:00

fix(d3/ai): implement pill-node geometry, text truncation, and resolve SignalR scroll loop [issue #21]

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.