bttmly / nba-movement-demo

Charting NBA plays with D3

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

nba movement demo

A tiny app using data plled with nba-movement to create animated sequences of NBA plays with D3.js.

It looks like this example image

Running

  • clone the repo
  • npm i
  • npm start
  • browse to localhost:4444

Upcoming work

Any ideas or contributions at any of the following are very welcome!

I plan to use this as a testing ground to develop some utility functions for nba-movement. In particular, the raw data says nothing directly about which team has possession of the ball, if a shot is in progress, if a pass is in progress, etc. A set of heuristics along with some work in tuning them should provide strong guesses for these situations and more. Another interesting problem is nailing down missed and made shots. This might involve matching up shooting data from nba with movement data. Simpler utilities might be helpers to track player distance from the ball, or touches by a player. Further, there is a non-trivial amount of overlap between some consecutive events. Helper functions to stitch these together seamlessly might be helpful.

About

Charting NBA plays with D3


Languages

Language:JavaScript 90.1%Language:HTML 9.9%