Show HN: Three.jsで作られたサッカーのパス可視化ツール

 (statsbomb-3d-viz.vercel.app)
1 ポイント 投稿者 GN⁺ 2024-07-30 | 1件のコメント | WhatsAppで共有
  • イベントが選択されていません
  • フィルターを適用
  • フィルターをクリア
  • カメラをリセット
  • StatsBomb 3D可視化ツール
  • StatsBombイベントデータファイルのURLを貼り付け
  • データを読み込む
  • サンプルを読み込む
  • 例: @c_mnzs / gh: @carlos-menezes

GN⁺の要約

  • このツールは、StatsBombのイベントデータを3Dで可視化する機能を提供する
  • ユーザーはイベントデータファイルのURLを入力してデータを読み込める
  • フィルターを適用またはクリアする機能によって、必要なデータを選択できる
  • カメラをリセットする機能によって、可視化されたデータを初期状態に戻せる
  • このツールは、データ分析や可視化に関心のある人にとって有用である可能性がある

関連記事

1件のコメント

 
GN⁺ 2024-07-30
Hacker Newsのコメント

  • 無料データを活用した素晴らしいプロジェクトを見るのはいつも楽しい

    • 数千件の無料サッカー試合データがGitHubにある
    • Lionel MessiとTom Bradyの試合データも収集中

  • 2D可視化が好き

    • 以前、PUBG分析ツールを作ったことがある
    • プロサッカーチームも似たようなツールを使っているのか気になる

  • このプロジェクトを通じてthree.jsを学んでいる

    • deck.glやkepler.glも検討に値する
    • より高水準の可視化とパフォーマンス最適化を提供する
    • 高速なプロトタイピングが可能

  • インターフェースが素晴らしい

    • raw jsonを直接探して変更できる
    • three.jsを使う理由が明確ではない
    • whoscoredのパス経路の方が直感的

  • 選手のポジションが試合でどう反映されるのか興味深い

    • Bayer Leverkusen vs. Werder Bremenの試合を例にしたのが良い

  • プロジェクトがすごい

    • 時間ベースのアニメーション追加を要望
    • データを探索することが最初のステップ

  • 色の意味が気になる

    • パスの方向と速度を示す方法を提案
    • 各選手とチームの統計サマリーを提供するのも良い

  • 時系列順にパスを再生できるとよい

  • "Load Example"機能が便利だった

    • リアルタイムのゲームカメラと組み合わせると強力そう

  • ファイルの読み込みに失敗した

    • さまざまなURL形式を試したが動作しなかった
    • サンプル形式やエラーメッセージの改善が必要
    • メインエンジン完成後に、さらに多くのフィルターが追加されるとよい