Compare commits
No commits in common. "b95eb6dc01900c6ad7ad276c74c9bd580a1c42e5" and "30608dfdc81ee5dd2dfa7ec25d83388ceb482529" have entirely different histories.
b95eb6dc01
...
30608dfdc8
|
|
@ -1,10 +1,10 @@
|
||||||
---
|
---
|
||||||
id: task-041
|
id: task-041
|
||||||
title: User Networking & Social Graph Visualization
|
title: User Networking & Social Graph Visualization
|
||||||
status: Done
|
status: In Progress
|
||||||
assignee: []
|
assignee: []
|
||||||
created_date: '2025-12-06 06:17'
|
created_date: '2025-12-06 06:17'
|
||||||
updated_date: '2025-12-06 06:46'
|
updated_date: '2025-12-06 06:38'
|
||||||
labels:
|
labels:
|
||||||
- feature
|
- feature
|
||||||
- social
|
- social
|
||||||
|
|
@ -86,6 +86,4 @@ Implementation complete:
|
||||||
- Room participants highlighted with presence colors
|
- Room participants highlighted with presence colors
|
||||||
- Full network shown in grey, room subset colored
|
- Full network shown in grey, room subset colored
|
||||||
- Expandable to 3D view (future: graph.jeffemmett.com)
|
- Expandable to 3D view (future: graph.jeffemmett.com)
|
||||||
|
|
||||||
2D implementation complete. Follow-up task-042 created for 3D graph and edge metadata editor modal.
|
|
||||||
<!-- SECTION:NOTES:END -->
|
<!-- SECTION:NOTES:END -->
|
||||||
|
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
---
|
|
||||||
id: task-042
|
|
||||||
title: 3D Network Graph Visualization & Edge Metadata Editor
|
|
||||||
status: To Do
|
|
||||||
assignee: []
|
|
||||||
created_date: '2025-12-06 06:46'
|
|
||||||
labels:
|
|
||||||
- feature
|
|
||||||
- visualization
|
|
||||||
- 3d
|
|
||||||
- networking
|
|
||||||
dependencies:
|
|
||||||
- task-041
|
|
||||||
priority: medium
|
|
||||||
---
|
|
||||||
|
|
||||||
## Description
|
|
||||||
|
|
||||||
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
||||||
Build the 3D interactive network visualization at graph.jeffemmett.com and implement the edge metadata editor modal. This extends the 2D minimap created in task-041.
|
|
||||||
|
|
||||||
Key Features:
|
|
||||||
1. **3D Force Graph** at graph.jeffemmett.com
|
|
||||||
- Three.js / react-force-graph-3d visualization
|
|
||||||
- Full-screen, interactive (spin, zoom, pan)
|
|
||||||
- Click nodes to view user profiles
|
|
||||||
- Click edges to edit metadata
|
|
||||||
- Same trust level coloring (grey/yellow/green)
|
|
||||||
- Real-time presence sync with canvas rooms
|
|
||||||
|
|
||||||
2. **Edge Metadata Editor Modal**
|
|
||||||
- Opens on edge click in 2D minimap or 3D view
|
|
||||||
- Edit: label, notes, color, strength (1-10)
|
|
||||||
- Private to each party on the edge
|
|
||||||
- Bidirectional - each user has their own metadata view
|
|
||||||
|
|
||||||
3. **Expand Button Integration**
|
|
||||||
- 2D minimap expand button opens 3D view
|
|
||||||
- URL sharing for specific graph views
|
|
||||||
- Optional: embed 3D graph back in canvas as iframe
|
|
||||||
<!-- SECTION:DESCRIPTION:END -->
|
|
||||||
|
|
||||||
## Acceptance Criteria
|
|
||||||
<!-- AC:BEGIN -->
|
|
||||||
- [ ] #1 3D force graph at graph.jeffemmett.com renders user network
|
|
||||||
- [ ] #2 Graph is interactive: spin, zoom, pan, click nodes/edges
|
|
||||||
- [ ] #3 Edge metadata editor modal allows editing label, notes, color, strength
|
|
||||||
- [ ] #4 Edge metadata persists to D1 and is private per-user
|
|
||||||
- [ ] #5 Expand button in 2D minimap opens 3D view
|
|
||||||
- [ ] #6 Real-time updates when connections change
|
|
||||||
- [ ] #7 Trust level colors match 2D minimap (grey/yellow/green)
|
|
||||||
<!-- AC:END -->
|
|
||||||
Loading…
Reference in New Issue