Show HN: Mit Three.js erstelltes Visualisierungstool für Fußballpässe

 (statsbomb-3d-viz.vercel.app)
1 Punkte von GN⁺ 2024-07-30 | 1 Kommentare | Auf WhatsApp teilen
  • Kein Ereignis ausgewählt
  • Filter anwenden
  • Filter löschen
  • Kamera zurücksetzen
  • StatsBomb-3D-Visualisierungstool
  • URL der StatsBomb-Ereignisdatendatei einfügen
  • Daten laden
  • Beispiel laden
  • Beispiel: @c_mnzs / gh: @carlos-menezes

Zusammenfassung von GN⁺

  • Dieses Tool bietet die Möglichkeit, StatsBomb-Ereignisdaten in 3D zu visualisieren
  • Nutzer können Daten laden, indem sie die URL einer Ereignisdatendatei eingeben
  • Durch Anwenden oder Löschen von Filtern lassen sich die gewünschten Daten auswählen
  • Mit der Funktion zum Zurücksetzen der Kamera können die visualisierten Daten in den Ausgangszustand zurückversetzt werden
  • Dieses Tool kann für Menschen nützlich sein, die sich für Datenanalyse und Visualisierung interessieren

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-07-30
Hacker-News-Kommentare

  • Es ist immer erfreulich, ein großartiges Projekt zu sehen, das kostenlose Daten nutzt

    • Tausende kostenlose Fußballspiele sind auf GitHub verfügbar
    • Es werden auch Spieldaten von Lionel Messi und Tom Brady gesammelt

  • Ich mag 2D-Visualisierungen

    • Ich habe früher ein Analysetool für PUBG gebaut
    • Ich frage mich, ob Profi-Fußballteams ähnliche Tools verwenden

  • Ich lerne three.js durch dieses Projekt

    • deck.gl oder kepler.gl wären ebenfalls eine Überlegung wert
    • Sie bieten Visualisierungen auf höherem Niveau und Performance-Optimierungen
    • Sie ermöglichen schnelles Prototyping

  • Die Oberfläche ist hervorragend

    • Man kann das Raw-JSON direkt finden und ändern
    • Es ist nicht klar, warum three.js verwendet wurde
    • Die Passwege von whoscored sind intuitiver

  • Es ist interessant, wie sich die Positionen der Spieler im Spiel widerspiegeln

    • Das Beispiel mit Bayer Leverkusen vs. Werder Bremen ist gut gewählt

  • Das Projekt ist großartig

    • Es wurde darum gebeten, zeitbasierte Animationen hinzuzufügen
    • Das Erkunden der Daten ist der erste Schritt

  • Ich frage mich, wofür die Farben stehen

    • Ein Vorschlag war, Richtung und Geschwindigkeit der Pässe darzustellen
    • Es wäre auch gut, eine zusammenfassende Statistik für jeden Spieler und jedes Team bereitzustellen

  • Es wäre gut, wenn man die Pässe in zeitlicher Reihenfolge abspielen könnte

  • Die Funktion "Load Example" war nützlich

    • In Kombination mit einer Live-Spielkamera wäre das sehr leistungsfähig

  • Das Laden der Datei ist fehlgeschlagen

    • Es wurden verschiedene URL-Formate ausprobiert, aber keines funktionierte
    • Das Beispielformat oder die Fehlermeldungen müssten verbessert werden
    • Es wäre gut, nach Fertigstellung der Haupt-Engine mehr Filter hinzuzufügen