geotribu / website

Sources du site Geotribu : contenus (Markdown) et code associé (mkdocs, hooks, CI/CD...)
https://geotribu.fr/
GNU General Public License v3.0
30 stars 80 forks source link

Regardez un match de foot dans Google Maps #833

Closed benoitblanc closed 1 year ago

benoitblanc commented 1 year ago

Avez-vous un lien avec le contenu proposé ?

Votre nom

Benoît Blanc

Votre adresse email

benoit.blanc@oslandia.com

Licence

Section / catégorie

Divers

Mots-clés

football, Google Maps

Titre de la news

Regardez un match de foot dans Google Maps

Icône de la news

https://cdn.geotribu.fr/img/internal/icons-rdp-news/news.png

Contenu de la news

A l'occasion du hackathon Google Maps Platform organisé par DevPost en Novembre 2022, Orhun Özer, Kaan Kalkan et Hüseyin Çapan ont développé une application de visualisation de données de football en utilisant Google Maps. On peut voir à l'aide de l'application les différents événements qui ont eu lieu lors d'un match (passes, tirs, positions des joueurs, etc...) en 2,5D. Les données proviennent du fournisseur StatsBomb qui met régulièrement des matchs de compétitions internationales en open-data (par exemple, dernièrement la coupe du monde 2022 masculine).

Un des auteurs de l'application explique dans un fil Twitter la démarche pour arriver à ce résultat, notamment pour transformer les coordonnées x, y provenant du fournisseur de données StatsBomb à des coordonnées géographiques pour les afficher sur la carte. En plus de l'API Google Maps, les bibliothèques Deck.gl et Three.js sont utilisées pour l'affichage des événements et du score. Des fonctionnalités plus avancées sont aussi disponibles pour pousser l'analyse du match un peu plus loin : la construction d'un réseau de passes (pass network), la création de clusters de passes avec K-means, ou encore une grille de probabilité de passes d'une équipe.

Le code de l’application est disponible sur Github et une démonstration est accessible ici si vous voulez vous amuser à voir des matchs passés (presque) comme si vous étiez au stade !

Aperçu des passes réalisées par une équipe dans le stade de Wembley

Message libre

Je parle de cette application car je suis fan de :soccer: et que j'ai vu cela dans ma timeline Twitter, mais en regardant les résultats du hackathon, il y a des dizaines d'applications qui vaudraient le coup d'oeil ! Il existe peut-être d'autres hackathons sur des librairies OS...

Désolé pour la contribution en dernière minute et merci pour le partage de tous ces contenus !

benoitblanc commented 1 year ago

Hmpg, j'ai oublié le lien du dépôt Github... https://github.com/orabazu/kicky , est-ce que l'édition du commentaire est prise en compte ?

Guts commented 1 year ago

Hmpg, j'ai oublié le lien du dépôt Github... https://github.com/orabazu/kicky , est-ce que l'édition du commentaire est prise en compte ?

Oui, faut :

  1. éditer le commentaire
  2. close l'issue
  3. repoen l'issue
benoitblanc commented 1 year ago

Merci, j'en ai profité pour ajouter un mot sur la provenance des données

github-actions[bot] commented 1 year ago

Merci pour cette proposition de news @benoitblanc !

Ceci est un message automatique pour faciliter l'intégration de la news dans la revue de presse par l'équipe Geotribu.

Contenu de la news consolidé

A ajouter dans l'en-tête :

-  Google Maps- football
## Divers

### Regardez un match de foot dans Google Maps

![vignette news](https://cdn.geotribu.fr/img/internal/icons-rdp-news/news.png "vignette news"){: .img-rdp-news-thumb loading=lazy }

A l'occasion du hackathon [Google Maps Platform](https://googlemapsplatform.devpost.com) organisé par DevPost en Novembre 2022, [Orhun Özer](https://twitter.com/orabazu), [Kaan Kalkan](https://twitter.com/kaankalkan) et [Hüseyin Çapan](https://twitter.com/huseyin_capan) ont développé une application de visualisation de données de football en utilisant Google Maps. On peut voir à l'aide de l'application les différents événements qui ont eu lieu lors d'un match (passes, tirs, positions des joueurs, etc...) en 2,5D. Les données proviennent du fournisseur [StatsBomb](https://statsbomb.com/) qui met régulièrement des matchs de compétitions internationales en open-data (par exemple, dernièrement la [coupe du monde 2022 masculine](https://statsbomb.com/news/statsbomb-release-free-2022-world-cup-data/)).

Un des auteurs de l'application explique dans un fil Twitter la démarche pour arriver à ce résultat, notamment pour transformer les coordonnées x, y provenant du fournisseur de données StatsBomb à des coordonnées géographiques pour les afficher sur la carte. En plus de l'API Google Maps, les bibliothèques Deck.gl et Three.js sont utilisées pour l'affichage des événements et du score. Des fonctionnalités plus avancées sont aussi disponibles pour pousser l'analyse du match un peu plus loin : la construction d'un réseau de passes (*pass network*), la création de clusters de passes avec *K-means*, ou encore une grille de probabilité de passes d'une équipe.

<blockquote class="twitter-tweet" data-lang="fr" data-dnt="true" data-theme="light"><p lang="en" dir="ltr">Our recent project with <a href="https://twitter.com/kaankalkan?ref_src=twsrc%5Etfw">@kaankalkan</a> and <a href="https://twitter.com/huseyin_capan?ref_src=twsrc%5Etfw">@huseyin_capan</a> has won the top prize in <a href="https://twitter.com/googlemaps?ref_src=twsrc%5Etfw">@googlemaps</a> Platform Hackaton organized by <a href="https://twitter.com/devpost?ref_src=twsrc%5Etfw">@devpost</a> Here is some technical explanation of what we did including source code 👇🏻🧵</p>&mdash; Orhun Özer (@orabazu) <a href="https://twitter.com/orabazu/status/1600146250313371648?ref_src=twsrc%5Etfw">6 décembre 2022</a></blockquote>

Le code de l’application est disponible sur [Github](https://github.com/orabazu/kicky) et une démonstration est accessible [ici](https://kicky.club/) si vous voulez vous amuser à voir des matchs passés (presque) comme si vous étiez au stade !

![Aperçu des passes réalisées par une équipe dans le stade de Wembley](https://user-images.githubusercontent.com/8960009/213764222-127fcf34-7356-4b0d-b208-fbe6aeb55bb4.png)

!!! info "Contribution externe"
    Cette news est proposée par Benoît Blanc via [le formulaire GitHub renouvelé](https://github.com/geotribu/website/issues/new?assignees=Guts&labels=contribution+externe%2Crdp%2Ctriage&template=RDP_NEWS.yml) : [voir le ticket](https://github.com/geotribu/website/issues/833). Merci !

Ajouter cette news à la RDP

Volet réservé à un ayant-droit de commit sur le dépôt

Commande Git pour garantir l'attribution :

git commit --author="Benoît Blanc <benoit.blanc@oslandia.com>" --message="Ajout news Regardez un match de foot dans Google Maps par @benoitblanc. Close #833"
Guts commented 1 year ago

Merci @benoitblanc !

News ajoutée et visible dans quelques minutes sur la preview : https://preview-pullrequest-809--geotribu-preprod.netlify.app/rdp/2023/rdp_2023-01-20/#divers