무료 데이터를 활용해 멋진 걸 만드는 걸 보면 늘 좋음. 직접 해보고 싶다면 무료 축구 경기 데이터가 수천 개 있음
https://github.com/statsbomb/open-data
축구 데이터 중에는 Lionel Messi의 모든 경기를 다시 수집한 것도 있고, 미식축구에서는 Tom Brady에 대해 같은 작업을 시작함
https://github.com/statsbomb/amf-open-data
인터페이스가 훌륭함. 다른 걸로 바꾸고 싶으면 안내를 보고 원본 JSON은 직접 찾을 수 있으니, 직접 예시를 하나 제공하면 좋겠음
불러와 본 뒤에는 왜 three.js를 쓰는지 잘 이해가 안 됨. 패스 높이도 히트맵으로 보여주기 때문임. whoscored의 패스 경로가 더 직관적으로 보임
아주 멋짐. 2D 시각화를 좋아함. 몇 년 전에 https://pubg.sh를 만들었는데, 원격 측정 형식이 실제로 꽤 비슷함
프로 PUBG 팀들이 내 도구를 경기 후 분석에 쓰는 걸 알고 있는데, 프로 축구팀들도 비슷한 내부 도구가 있는지 궁금함. 추적하고 시각화할 수 있는 요소가 정말 많을 듯함
잘 만들었음. 다른 댓글을 보니 이 프로젝트를 선택한 이유 중 하나가 three.js 학습이었던 것 같은데, deck.gl이나 kepler.gl도 고려해볼 만함
이들은 더 높은 수준의 시각화 기본 요소를 제공하고, 대규모 데이터셋에서 성능 최적화가 되어 있음. 여러 시각화 방식을 더 쉽게 시도하거나 여러 방식을 겹쳐 볼 수도 있음
두 패키지 모두 매우 빠른 프로토타이핑이 가능함. kepler.gl은 코드 없이도 대략적인 목업을 만들 수 있을 수 있어서, 이 접근을 시험하는 데 큰 작업량이 들지는 않을 듯함
멋짐. 공유해줘서 고마움. 시간 기반 애니메이션을 추가할 수 있을까? 색이 서서히 사라지는 식으로 경기가 진행되는 모습을 보고 싶음
또 이 데이터에서 통찰을 얻는 최선의 방법이 뭘지도 궁금함. 탐색이 첫 단계처럼 느껴지지만, 그 위에 가치를 더하면 정말 좋을 듯함
색상이 무엇을 의미하는지 궁금함. 완료된 패스만이고, 차단된 패스는 빠진 것으로 보임? 개별 벡터 대신 패스 히트맵을 보여주면 다른 관점이 될 수 있음
패스 방향을 시작점/끝점 점으로 표시하거나, 너무 복잡하지 않다면 화살표로 나타내는 것도 고려했는지 궁금함. 패스 속도 표시가 있는지도 궁금함
선수나 팀별 요약 통계도 가능할 듯함. 패스 수, 평균 속도, 성공률, 스쿼드 내 집중/분산 정도, 공을 가장 많이/적게 받는 선수, 가장 많은/적은 선수에게서 공을 받는 선수, 포지션별 통계 등이 있음. 아이디어는 여기까지 내겠음. 멋진 시각화임
선 색상을 어떻게 정하는지는 모르겠지만, 팀과 특정 선수로 필터링하면 선이 거의 보이지 않아서 직접 찾아야 할 정도임
"Load Example"이 무엇을 하는지 감 잡는 데 매우 유용했음. 멋진 빌드임. 색상이 무엇을 의미하는지 설명해 달라는 요청에도 동의함
실시간 경기 카메라 영상과 결합하면 꽤 강력할 수도 있음[0]. 경기 중 세부 사항을 강조해주는 식임
[0] https://x.com/skalskip92/status/1816461263829889238
멋져 보임. 패스를 시간 순서대로 재생할 수 있으면 경기 흐름을 느낄 수 있을 것 같음
파일을 불러오려 했지만 실패함. 여러 URL 형식을 시도했음
https://github.com/statsbomb/open-data/…
https://github.com/statsbomb/open-data/…
15956.json
입력란에 기대하는 형식의 예시가 미리 들어 있거나, 파일이 왜 로드되지 않았는지 오류 메시지가 더 잘 알려주면 좋겠음. 내 URL 문제인지 내부 문제인지 알기 어려움
그래도 매우 흥미로운 데모이고, airstrike가 제안한 것처럼(https://news.ycombinator.com/item?id=41096570) 핵심 엔진이 갖춰졌으니 필터가 더 많아지면 훨씬 흥미로워질 듯함