Light

bttmly / nba-movement-demo Goto Github PK

View Code? Open in Web Editor NEW

7.0 6.0 4.0 23.02 MB

Charting NBA plays with D3

JavaScript 90.10% HTML 9.90%

nba-movement-demo's Introduction

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

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.

nba-movement-demo's People

Contributors

Stargazers

Watchers

Forkers

sealneaward jiaofusen

nba-movement-demo's Issues

Unexpected end of JSON input

This client JSON loading error occurs both in Chrome and Firefox, but Chrome does not continue with the loading. In Firefox, I get this error, but the gameplay will still load.

Full Error

Uncaught (in promise) SyntaxError: Unexpected end of JSON input
    at parse (<anonymous>)
    at Array.map (native)
    at http://localhost:4444/bundle.js:80627:16

I will look into this and see what I can change in terms of how the JSON is loaded.

update client to expect a complete game JSON object

Currently it expects newline delimited Event objects. Supporting full games will enable easy interop with an archive of movement data https://github.com/sealneaward/nba-movement-data

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.