Not sure how many of you are basketball fans, but if you have even a cursory interest in the sport I suggest you check out this year's NBA finals. It is widely regarded as one of the most anticipated match-ups in many years. OKC's stars are all under the age of 24 which means they should dominate for years to come. We have literally watched these guys grow up before our eyes and they finally get their shot at the title this year.
LeBron James has been lambasted for leaving his hometown team to try to win a championship with the Heat which has evaded him so far. The Heat are the most hated team in the league. By contrast, the Thunder is led by the league's leading scorer Kevin Durant who's appears to be one of the most humble superstars in the league. It's the ultimate good guys vs. bad guys matchup. LeBron, likely fueled by all the criticisms about his ability to perform in the clutch and his will to win, appears to be on a mission to prove everybody wrong and finally win his first championship. To put it in perspective, facing elimination in game 5 versus the Celtics, LeBron put on one of the best playoff performances in history scoring nearly half his team's points (http://www.nba.com/games/20120607/MIABOS/gameinfo.html).
The series will be on ABC so you don't need cable to watch it. Catch at least one game.
It's worth pointing out that Erik Spolestra and Scott Brooks are also two brilliant tacticians.
Examples:
1. Kevin Garnett of the Celtics had been troubling the Miami Heat's inside game during the Eastern Conference Finals (partially due to the absence of Chris Bosh). Bosh is fully healthy for Game 7, and he has a great jumper for a big man, so Spolestra plants him in the corner during the crucial 4th quarter of Game 7. Bosh hits three 3-pointers, forcing KG out of the paint to cover him. This is perfect for the Heat's isolation offense, as it rotates 6'7" Paul Pierce into the paint. Lebron/Wade spend the rest of the game driving on Pierce, while Bosh and KG hang out in the corner. Game over.
2. Serge Ibaka is an excellent shooter given his playing style (big shot-blocking men often shoot poorly unless your name is "Kevin Garnett" or, to a lesser extent, "Tim Duncan.") Brooks knows he shoots well, and runs both Ibaka and Perkins for extended minutes during Game 4 of the West Finals against the Spurs. The Spurs only have an aging Tim Duncan defending the paint, and his focus on Perkins means Ibaka makes all 11 of his shots, many in that troublesome midrange area. The Thunder take Game 4 before taking two more to advance.
This series will be incredible. Two teams equally matched in skill and coaching acumen. Can't wait.
It's even got a bit of "who's the real villain", due to the manner in which the Sonics/Thunder left Seattle. While those who weren't Sonics fans tend to enjoy the way the Thunder play and the humility of KD, a lot of Sonics fans who watched the Clay Bennett saga and read the leaked e-mails are quite bitter. It was similar in heart-wrenching status in Seattle to "The Decision" in Cleveland.
I agree that this is going to be a very competitive series. The match-ups seem to favor OKC a bit since I think they can spread the floor better and create good shots for their KD and Westbrook. But James and Wade are very experienced and savvy players and their athleticism (along with Miami's excellent defensive play) gives Miami a strong chance to win.
Kirk Goldsberry does these. He's been doing this for a while. The NYT may have developed the library that they're using here (I'm not sure), but the idea and the data visualization concept are his.
Goldsberry was great at the MIT Sloan Sports Analytics conference[1]. The charts really highlight a player's strengths and weaknesses. A quick look at Ray Allen's chart (in Goldsberry's conference paper) shows how much better he is when he goes to his right. Kobe really needs to cut down on those 12-15' baseline jumpers that he seems to favor.
When I look at the graphics from the NYT article, the player whose chart really sticks out is James Harden. His efficiency this year is amazing and a lot of it has to do with shot selection. Most of his shots are 3-pointers or within 8' which are considered the two highest value shots on the court. Some team with a Moneyball style general manager (somewhat common in the NBA from my understanding) will pay him handsomely yet probably still not what his contribution merits.
I enjoy looking for the same sort of shot pattern team-by-team, rather than just player-by-player. For example, during the parts of the year the Nuggets were playing well, the vast majority of their shots were either from within 5 feet of the rim or from outside the arc (like, they'd have 10 or fewer shots not from those areas, out of 80+ total shots). When they were playing poorly, some games they'd take 30 midrange jumpers.
I wonder how much the quality of the shots he takes are a function of his teammates and their offensive sets. Would be really interesting if shot quality could be completely decoupled from the environment.
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.
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?
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?
Apparently, he's such a good team player (picking good positions, herding opponents into weak positions, doing things which are bad for his stats but good for the team) that he can almost shut down Kobe. OK, Kobe still scores a lot when he's guarded by Battier, but only because Kobe always gets the ball.
He'll memorize every one of those heat maps (along with every other dataset his coach can get him), and use that knowledge to mess up his opponent's attacks.
Please forgive me for bringing up something not directly related to this particular series, but economics professor Dave Berri ran some linear regressions on the box score stats of basketball games, and claims he can accurately measure how much wins per season each player is responsible for. (e.g. Team A won 40 games last season, player 1 produced 15 wins, player 2 produced another 10, player 3 produced another 8, and the remaining wins divide among the other players).
He has a (sort of official) blog: http://wagesofwins.com/
I'm bringing this up because I think this may be of interest to the HN community. I, for one, was fascinated with his claims and their implications, hope this will interest some of you :-)
I saw this posted earlier under a different title. The word "stunning" was in there referring to the use of images. Just interested in why you changed it and if there was any observable improvement in views/votes from the change.
Anyone else think the granularity is a bit too high on these? Neat concept, but I have to wonder if they wouldn't be a lot easier to interpret with about half the point density.
This is pretty awesome. I love solid data, but it seems to me that this might be too much data and too few substantial takeaways...but the graphs are still fun to look at.
As best I can tell it does not include free throw attempts. If that is correct, the data and therefore the visualization is seriously incomplete and misleading.
No... it isn't. In fact, including free throws, which are a completely different scenario than regular shots, would be misleading and furthermore, not any more complete. Free throws and shots are very different: free throws are taken with time and preparation, from a fixed location and no defender. Shots are taken on the clock, with whatever defense the opposition can put together, no preparation of the shot--they are much more fluid and require a different (albeit related) skill set.
This graph tells me whether a guy prefers to post up on the right side or the left side... high post or low post... shoot mid-range jumpers or drop back to the three point line.
A colored dot at the free throw line would tell me where he shoots his free throws from, but I already know that.
A player's free throw ability does not need any real visualization. It comes down to number of attempts, and percentage made. Adding them would skew these visualizations and wouldn't tell you anything you couldn't easily figure out by looking at a player's stats.
[+] [-] marknutter|13 years ago|reply
LeBron James has been lambasted for leaving his hometown team to try to win a championship with the Heat which has evaded him so far. The Heat are the most hated team in the league. By contrast, the Thunder is led by the league's leading scorer Kevin Durant who's appears to be one of the most humble superstars in the league. It's the ultimate good guys vs. bad guys matchup. LeBron, likely fueled by all the criticisms about his ability to perform in the clutch and his will to win, appears to be on a mission to prove everybody wrong and finally win his first championship. To put it in perspective, facing elimination in game 5 versus the Celtics, LeBron put on one of the best playoff performances in history scoring nearly half his team's points (http://www.nba.com/games/20120607/MIABOS/gameinfo.html).
The series will be on ABC so you don't need cable to watch it. Catch at least one game.
[+] [-] achompas|13 years ago|reply
Examples:
1. Kevin Garnett of the Celtics had been troubling the Miami Heat's inside game during the Eastern Conference Finals (partially due to the absence of Chris Bosh). Bosh is fully healthy for Game 7, and he has a great jumper for a big man, so Spolestra plants him in the corner during the crucial 4th quarter of Game 7. Bosh hits three 3-pointers, forcing KG out of the paint to cover him. This is perfect for the Heat's isolation offense, as it rotates 6'7" Paul Pierce into the paint. Lebron/Wade spend the rest of the game driving on Pierce, while Bosh and KG hang out in the corner. Game over.
2. Serge Ibaka is an excellent shooter given his playing style (big shot-blocking men often shoot poorly unless your name is "Kevin Garnett" or, to a lesser extent, "Tim Duncan.") Brooks knows he shoots well, and runs both Ibaka and Perkins for extended minutes during Game 4 of the West Finals against the Spurs. The Spurs only have an aging Tim Duncan defending the paint, and his focus on Perkins means Ibaka makes all 11 of his shots, many in that troublesome midrange area. The Thunder take Game 4 before taking two more to advance.
This series will be incredible. Two teams equally matched in skill and coaching acumen. Can't wait.
[+] [-] lotharbot|13 years ago|reply
[+] [-] neovive|13 years ago|reply
[+] [-] james33|13 years ago|reply
[+] [-] unknown|13 years ago|reply
[deleted]
[+] [-] Goladus|13 years ago|reply
I'd say Heat and Thunder are tied for most hated team.
[+] [-] jredwards|13 years ago|reply
Kirk Goldsberry does these. He's been doing this for a while. The NYT may have developed the library that they're using here (I'm not sure), but the idea and the data visualization concept are his.
[+] [-] davidfischer|13 years ago|reply
When I look at the graphics from the NYT article, the player whose chart really sticks out is James Harden. His efficiency this year is amazing and a lot of it has to do with shot selection. Most of his shots are 3-pointers or within 8' which are considered the two highest value shots on the court. Some team with a Moneyball style general manager (somewhat common in the NBA from my understanding) will pay him handsomely yet probably still not what his contribution merits.
[1] http://www.sloansportsconference.com/?p=6132
Edit: trivial edit for small error
[+] [-] lotharbot|13 years ago|reply
[+] [-] aswanson|13 years ago|reply
[+] [-] jcromartie|13 years ago|reply
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.
[+] [-] noomerikal|13 years ago|reply
[+] [-] yock|13 years ago|reply
[+] [-] SoapSeller|13 years ago|reply
I used to work on the system, so I can answer (some) questions about it.
[0] http://www.sportvu.com/basketball.asp
[+] [-] grlthgn|13 years ago|reply
[+] [-] jere|13 years ago|reply
The graphics are brilliant. Is the image -> graph effect part of some library I haven't heard of?
[+] [-] idoh|13 years ago|reply
[+] [-] wisty|13 years ago|reply
Apparently, he's such a good team player (picking good positions, herding opponents into weak positions, doing things which are bad for his stats but good for the team) that he can almost shut down Kobe. OK, Kobe still scores a lot when he's guarded by Battier, but only because Kobe always gets the ball.
He'll memorize every one of those heat maps (along with every other dataset his coach can get him), and use that knowledge to mess up his opponent's attacks.
[+] [-] Nimi|13 years ago|reply
[+] [-] ereckers|13 years ago|reply
[+] [-] TylerE|13 years ago|reply
[+] [-] corry|13 years ago|reply
[+] [-] salman89|13 years ago|reply
[+] [-] DeanCollinsNYC|13 years ago|reply
[deleted]
[+] [-] jimmytucson|13 years ago|reply
[+] [-] bearwithclaws|13 years ago|reply
Best analysis I've seen yet.
[+] [-] Shoomz|13 years ago|reply
[+] [-] zachwill|13 years ago|reply
[+] [-] mfringel|13 years ago|reply
[+] [-] optimus|13 years ago|reply
[+] [-] spenrose|13 years ago|reply
[+] [-] rpearl|13 years ago|reply
[+] [-] dbecker|13 years ago|reply
A colored dot at the free throw line would tell me where he shoots his free throws from, but I already know that.
[+] [-] RobAtticus|13 years ago|reply
[+] [-] mkramlich|13 years ago|reply
[+] [-] joering2|13 years ago|reply