Skip to content

Graph2D refactor + subclusters#47

Open
imkykim wants to merge 4 commits intomainfrom
origin/FEAT/visualize
Open

Graph2D refactor + subclusters#47
imkykim wants to merge 4 commits intomainfrom
origin/FEAT/visualize

Conversation

@imkykim
Copy link

@imkykim imkykim commented Jan 31, 2026

  • Graph2D 리팩토링: GraphNodeDto/GraphEdgeDto/PositionedNode 기준으로 통일
  • 서브클러스터(중븐류) 로직 추가(접기/펼치기, 그룹 노드 렌더링)
  • Graph2D에 rawSubclusters props 추가됨 → VisualizeToggle에서 전달 필요
  • 현재 VisualizeToggle은 nodeData.subclusters → nodeData.stats.metadata.subclusters → statisticData.metadata.subclusters 순으로 탐색해 전달
  • 더미 데이터 확인용으로 DUMMY_GRAPH에 subclusters 추가됨
  • hover 시 thread title 로딩, NodeChatPreview, zoomToCluster 애니메이션 추가
  • 확인 포인트: 실데이터에서 subclusters가 없으면 그룹 노드가 안 나옴

- Graph2D 리팩토링: GraphNodeDto/GraphEdgeDto/PositionedNode 기준으로 통일
- 서브클러스터(중븐류) 로직 추가(접기/펼치기, 그룹 노드 렌더링)
- Graph2D에 rawSubclusters props 추가됨 → VisualizeToggle에서 전달 필요
- 현재 VisualizeToggle은 nodeData.subclusters → nodeData.stats.metadata.subclusters → statisticData.metadata.subclusters 순으로 탐색해 전달
- 더미 데이터 확인용으로 DUMMY_GRAPH에 subclusters 추가됨
- hover 시 thread title 로딩, NodeChatPreview, zoomToCluster 애니메이션 추가
- 확인 포인트: 실데이터에서 subclusters가 없으면 그룹 노드가 안 나옴
기본 컴포넌트 구조 생성

1. src/types/GraphSummary.ts 파일 생성
2. src/constants/DUMMY_GRAPH_SUMMARY.ts 파일 생성
3. src/components/visualize/summary/ 폴더 구조 생성:
   - index.ts (exports)
   - GraphSummaryPanel.tsx (메인 컨테이너)
   - OverviewCard.tsx
   - ClusterCard.tsx
   - PatternItem.tsx
   - ConnectionItem.tsx
   - RecommendationCard.tsx

GraphSummaryPanel은 DUMMY_GRAPH_SUMMARY를 import하여 각 섹션을 렌더링합니다.
Tailwind CSS 사용, 한국어 UI.
- made the summary panel overlay on graph
- added opacity and blur on the background.
- added fade effect for card scrolling

이슈:
- container 사이즈 및 margin 조정 필요�
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant