Relaytion
인간관계 그래프 시각화
개요
Relaytion은 사람들 사이의 관계를 인터랙티브 노드 그래프로 시각화하는 앱입니다. D3.js 기반 그래프에서 인물을 추가하고 관계를 연결하며, 거리감과 관계 유형을 직관적으로 파악할 수 있습니다.
주요 기능
- 관계 그래프 — D3.js 기반 인터랙티브 네트워크 시각화
- 인물 관리 — 이름, 사진, 거리감 정보로 인물 노드 생성
- 관계 연결 — 인물 간 관계 유형과 라벨 설정
- 웹 터미널 — xterm.js 기반 브라우저 터미널
- 파일 업로드 — 드래그 앤 드롭 파일 첨부
기술 스택
Frontend
- React 18
- D3.js
- React Router DOM
Backend
- Node.js + Express
- PostgreSQL
- Winston 로깅
Infrastructure
- Docker + Nginx
- tmux 세션 관리