유저는 그래프를 확대/축소하며 탐색할 수 있고, force-directed graph의 물리적 반응을 인지할 수 있다

[kimjihyo]

작업 내용

유저는 그래프 뷰에서 전체 구조를 살펴보기 위해 확대/축소 및 화면 이동을 자유롭게 수행할 수 있다.
또한 그래프의 노드들이 서로 밀고 당기며 배치되는 force-directed graph 특유의 물리적 반응을 시각적으로 인지할 수 있다.

이를 통해 유저는 그래프가 단순한 정적인 그림이 아니라,
개념 간 관계가 살아 있는 구조라는 점을 직관적으로 이해하며
관심 있는 영역을 자연스럽게 탐색할 수 있다.

완료 조건

• 유저가 그래프를 확대/축소할 수 있다
• 유저가 그래프 전체를 드래그하여 화면을 이동할 수 있다
• 특정 노드를 드래그하면 해당 노드가 포인터를 따라 이동한다
• 노드 드래그 종료 후 주변 노드들이 물리적 힘에 의해 재배치되는 움직임이 관찰된다
• 그래프가 일정 시간 후 자연스럽게 안정 상태로 수렴한다
• 기본적인 인터랙션(줌/드래그) 중 화면 깨짐이나 심각한 끊김이 발생하지 않는다
• 위 하위 태스크에 해당하는 PR이 모두 머지되어 있다
• 그래프 구현을 위한 기술 결정 사항을 자세하게 정리한 ADR 문서 작성

미포함 범위

• 노드 고정(pin) 기능
• 노드 선택/클릭 시 상세 정보 패널
• 키워드 필터링, 검색
• 물리 파라미터를 유저가 직접 조절하는 기능
• 고급 성능 최적화(60fps 보장 등)

참고

기획/디자인/기술 참고사항