Live data from Hacker News

Where the Heat and the Thunder Hit Their Shots

nytimes.com

1–10 of 69 posts

Re: Where the Heat and the Thunder Hit Their Shots

#2
I looked at the team graph and thought it wasn't going to be very informative, but was surprised to see some of the very distinctive player patterns (e.g. Battier).

The graphics are brilliant. Is the image -> graph effect part of some library I haven't heard of?

Re: Where the Heat and the Thunder Hit Their Shots

#3
I thought these might be D3/SVG visualizations, but it looks like a custom chart library developed by NYT themselves, with drawing done in a Canvas element.

I think a browser might choke on this many visualizations in SVG but I'm not sure. I've seen libraries take all sorts of approaches, but I'm leaning towards Canvas for really fluid and precise graphics.

Edit: I'm baffled why someone would downvote this.

Re: Where the Heat and the Thunder Hit Their Shots

#8

I thought these might be D3/SVG visualizations, but it looks like a custom chart library developed by NYT themselves, with drawing done in a Canvas element. I think a browser might choke on this many visualizations in SVG but I'm not sure. I've seen libraries take all sorts of approaches, but I'm leaning towards Canvas for really fluid and precise graphics. Edit: I'm baffled why someone would downvote this.

Looking at chart2.js - canvas if the browser supports it with a fallback to flash.

Re: Where the Heat and the Thunder Hit Their Shots

#10
How are the statistics from which these visualizations are generated captured? Does the NBA have equipment on the court or in the arena to track players and the ball (something like how professional tennis is monitored)? Is it manual, with a person recording their own observations about player/ball placement? Post-game video analysis?
Post reply on HN