Unveiling the National Hockey League (NHL) Play-by-Play App!
The NHL PBP App is your #1 destination for interactively visualizing shot data for all games in the 2017-2018 NHL season. Using real-time scoring stats (RTSS) from Corsica Hockey, see all the shot locations on the official NHL ice rink embedded with your team logo, enjoy a gganimate animation of each shot, and even find out where your favorite player took all his shots.
This application was motivated by Ryo's blog post: Animating the Goals of the World Cup, BallR by Todd Schneider, and football animations by Michael Lopez on the NFL Big Data Bowl Repo
Technical Features:
-
gganimate rendered animation of all shots + animated line graph of all the probabilities that a shot becomes a goal throughout the game (please be patient as this takes a few seconds to load).
- Using
shinycssloaders package, I've added css animated loaders to all my plots.
- Depending on game selection, I've embedded team logos on the official NHL ice rink in the animation and shot chart.
-
iframe generated webpage of Official Recap of each game
- Using the
rintrojs package, I've included a short tour of the application.
Link to shinyapps.io: https://howiebaek.shinyapps.io/nhl-pbp/
Link to RStudio Cloud Project: https://rstudio.cloud/project/217132
Walkthrough of the App: http://insidethetv.rbind.io/post/hacking-the-nhl-pbp-app-in-shiny/
Github Repo: https://github.com/howardbaek/nhl-pbp
1 minute Demo:
