Show HN : outil de visualisation des passes de football créé avec Three.js

 (statsbomb-3d-viz.vercel.app)
1 points par GN⁺ 2024-07-30 | 1 commentaires | Partager sur WhatsApp
  • Aucun événement sélectionné
  • Appliquer le filtre
  • Effacer le filtre
  • Réinitialiser la caméra
  • Outil de visualisation 3D StatsBomb
  • Coller l’URL du fichier de données d’événements StatsBomb
  • Charger les données
  • Charger l’exemple
  • Exemple : @c_mnzs / gh: @carlos-menezes

Résumé de GN⁺

  • Cet outil permet de visualiser en 3D les données d’événements StatsBomb
  • L’utilisateur peut charger les données en saisissant l’URL d’un fichier de données d’événements
  • Il est possible d’appliquer ou d’effacer des filtres pour sélectionner les données souhaitées
  • La fonction de réinitialisation de la caméra permet de ramener les données visualisées à leur état initial
  • Cet outil peut être utile aux personnes intéressées par l’analyse et la visualisation de données

À lire aussi

1 commentaires

 
GN⁺ 2024-07-30
Commentaires Hacker News

  • C’est toujours agréable de voir un beau projet qui exploite des données gratuites

    • Des milliers de matchs de football gratuits sont disponibles sur GitHub
    • Des données de match de Lionel Messi et Tom Brady sont également en cours de collecte

  • J’aime les visualisations en 2D

    • J’ai déjà créé un outil d’analyse pour PUBG
    • Je me demande si des équipes de football professionnelles utilisent aussi des outils similaires

  • J’apprends three.js à travers ce projet

    • deck.gl ou kepler.gl pourraient aussi être envisagés
    • Ils offrent des visualisations de plus haut niveau et une meilleure optimisation des performances
    • Ils permettent un prototypage rapide

  • L’interface est excellente

    • On peut aller chercher et modifier directement le raw json
    • La raison d’utiliser three.js n’est pas claire
    • Les trajectoires de passes de whoscored sont plus intuitives

  • Il est intéressant de voir comment les positions des joueurs se reflètent dans le match

    • Prendre comme exemple le match Bayer Leverkusen vs. Werder Bremen était un bon choix

  • Le projet est génial

    • Demande d’ajout d’une animation basée sur le temps
    • Explorer les données est la première étape

  • Je me demande ce que signifient les couleurs

    • Suggestion d’une méthode pour afficher la direction et la vitesse des passes
    • Ce serait aussi bien de fournir un résumé statistique pour chaque joueur et chaque équipe

  • Ce serait bien de pouvoir rejouer les passes dans l’ordre chronologique

  • La fonction "Load Example" a été utile

    • Ce serait puissant si elle était combinée à une caméra de match en temps réel

  • Échec du chargement du fichier

    • J’ai essayé différents formats d’URL, mais rien n’a fonctionné
    • Il faudrait améliorer le format d’exemple ou les messages d’erreur
    • Ce serait bien d’ajouter davantage de filtres une fois le moteur principal terminé