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://jsonbaik.shinyapps.io/nhl-pbp/
Link to RStudio Cloud Project: https://rstudio.cloud/project/217132
Walkthrough of the App: http://jsonbaik.rbind.io/2019/02/24/hacking-the-nhl-play-by-play-app-in-shiny/
Github Repo: https://github.com/jasonbaik94/nhl-pbp
1 minute Demo: