⚽️ Soccerscope

Soccerscope는 축구 클럽의 이적 시장 전략 수립을 돕기 위한 스탯 기반 시각화 플랫폼입니다.
실제 팀 로스터를 기반으로 다양한 스탯을 시각적으로 비교하고, 선수를 분석하거나 추천할 수 있도록 구성되어 있습니다.

🛠 개발 스택

• Frontend: React
• Visualization: D3.js (내부 시각화 구현에 사용되었다면 명시 가능)

🔑 주요 기능

1. 팀 로스터 (Team Roster)

• 특정 팀의 로스터를 시각화하여 확인할 수 있습니다.
• 필드 영역 선수의 스탯을 확인할 수 있습니다.
• 필드 선수와 벤치 선수 간의 교체 인터랙션을 통해 교체 전/후의 스탯 변화를 확인할 수 있습니다.

2. 팀 스탯 (Team Stats)

• 득점, 리커버리, 골 기대치(xG), 어시스트 기대치(xA), 유효 슛, 인터셉트 등의 주요 항목을 기반으로 한 Radar Chart 제공
• 팀의 모든 스탯에 대한 세부 수치 확인 기능 포함

3. 팀 분석 (Team Analysis)

• 팀 내 선수들 간의 스탯 비교 바 차트
• 전체 선수들을 대상으로 하는 스탯별 Heatmap 시각화

4. 선수 비교 (Player Comparison)

• Stacked bar chart를 활용한 선수 간 스탯 비교
• 선수 추천 기능 제공
• 스탯 항목별 bar rearrange 기능 포함
• 팀 로스터의 선수와 player list 간 상호 dragging 가능

⚠️ 사용 환경 유의사항

• 필드 영역의 카드 Drag & Drop 기능은 Windows 환경에서만 정상적으로 동작합니다.