About
Randy Krum
President of InfoNewt.
Data Visualization and Infographic Design

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the DFW Data Visualization and Infographics Meetup Group if you're in the Dallas/Fort Worth area!

Search the Cool Infographics site

Custom Search

Subscriptions:

 

Feedburner

The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch

 

Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

« A New Visme: Huge Update to the Online Design Tool | Main | The 2016 Social Media Image Sizes Cheat Sheet »
Monday
Mar282016

BallR: Interactive NBA Shot Charts

BallR: Interactive NBA Shot Charts

BallR: Interactive NBA Shot Charts is a tool built by Todd W. Schneider that takes the NBA's Stats API data and creates a visual representation of an NBA player's season. You can pick any NBA player and season to create the shot chart. The above infographic is an example of a hexagonal chart of Stephen Curry's Field Goal Percentage (FG%) relative to the league average within each region of the court during the 2015–16 season.

The NBA’s Stats API provides data for every single shot attempted during an NBA game since 1996, including location coordinates on the court. I built a tool called BallR, using R’s Shiny framework, to explore NBA shot data at the player-level.

BallR lets you select a player and season, then creates a customizable chart that shows shot patterns across the court. Additionally, it calculates aggregate statistics like field goal percentage and points per shot attempt, and compares the selected player to league averages at different areas of the court.

Hexagonal charts, popularized by Kirk Goldsberry at Grantland, group shots into hexagonal regions, then calculate aggregate statistics within each hexagon. Hexagon sizes and opacities are proportional to the number of shots taken within each hexagon, while the color scale represents a metric of your choice, which can be one of:

  • FG%
  • FG% vs. league average
  • Points per shot

Scatter charts are the most straightforward option: they plot each shot as a single point, color-coding for whether the shot was made or missed. Here’s an example again for Stephen Curry

 

Heat maps use two-dimensional kernel density estimation to show the distribution of a player’s shot attempts across the court.

Anecdotally I’ve found that heat maps often show that most shot attempts are taken in the restricted area near the basket, even for players you might think of as outside shooters. BallR lets you apply filter to focus on specific areas of the court, and it’s sometimes more interesting to filter out restricted area shots when generating heat maps. For example here’s the heat map of Stephen Curry’s shot attempts excluding shots from within the restricted area (see here for Curry’s unfiltered heat map).

Built using R's Shiny framework, I really like this interactive dataviz. The code designed to create this was also published on GitHub so anyone can check it out and try your own modifications. Very cool!

Found on Flowing Data.

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (1)

Even though he's good right around the 3 point line, why do you think he's a little less efficient (though still about league average) on the left wing?
July 25, 2016 | Unregistered CommenterSteph Curry Fan

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.