Thread Closed 
Week 12: Where the Heat and the Thunder Hit Their Shots
11-13-2014, 06:48 PM
Post: #1
Week 12: Where the Heat and the Thunder Hit Their Shots
Link to the visualization: http://www.nytimes.com/interactive/2012/....html?_r=0

The visualization depicts the shooting patterns of both the Miami Heat and Oklahoma City Thunder, who were involved in the NBA Finals in 2012. It provides a summarized view of the shooting patterns of the entire team and also provides a more detailed statistics on the individual player's shooting patterns.

The visualization makes use of heat map design technique to show the data. The author of this article uses the word "court maps" in this regard. The visualization makes use of area encoding techniques to give an indication of the number of attempts made to score and color encoding/color maps to depict the number of points scored per region with gray indicating low number of points and red indicating high number of points in a particular region

Things which are good about this visualization:

1. The mouse rollover on a player which changes into heat map of the player's shooting pattern is elegantly done and the transition is really quick and smooth. This was one of the things which caught my attention instantly when I viewed the visualization.

2. The interactivity has been encoded really well here and the mouse rollover on a single point gives details about the number of attempts made, points per attempt and total points scored from a particular position in the field by the player/team.

3. Good use of filtering techniques through the use of buttons on a tabbed pane on top. The different categories allows the user or an enthusiastic fan to analyze the close range shooting,mid range shooting and 3-point shooting patterns of both the individuals and the team.

4. The use of the basketball field in the visualization helps a lot in enhancing the understanding of the visualization though it might not be strictly according to Tufte's integrity principles.

5. The different filters for the different shooting zones provides great deal of information in understanding the specialization/skill set of a player. For ex: When we choose the 3-pointers tab, we clearly observe that the Thunders trio of Durant, Harden and Westbrook contribute to the bulk of the 3-pointers scored by Thunders while Perkins has absolutely zero attempts from the 3-point range and Ibaka has had just a single attempt from the 3-point range during the entire season.

The visualization provides many more interesting details which could be potentially used by opposition camps while designing the team strategy.

6. The statistics about total shots, points per shot and field goal % displayed on top of each player provides useful information. Also I found the analysis displayed at the bottom of every individual's heat map provides more information about the context and would help the non-basketball watching crowd to get a fairly good understanding of the visualization.

Things which could be improved in this visualization:

1. The color encoding or the color map used could be improved to make use of colors which are color blindness neutral. At present it makes use of red,green and yellow which could make it difficult for people with color blindness.

2. The area encoding always has its share of disadvantages and I feel in this case too it doesn't really do a good job, particularly in the region where there is a lot of overlapping. But when compared to the overall context, I cannot think of other good alternatives which could be used for depicting it better.

3. If I were to be too critical of this visualization, I feel the author could have encoded the lines depicting the basketball field with a darker color like black and also with a thicker line. This would probably help us in understanding better when there a lot of points near the ring and with the current encoding all we see is a set of points without any indication of where the ring was.

The reason why only six of the first team player's from both sides are depicted in the visualization is not provided, though it seems obvious that the designer is interested in showing only the players who had a great /major impact during the season.

In summary I fell this is a really neat visualization. Though it is exhaustive in content, it has been encoded in such a way that it appears clutter free and ultimately achieves its intended purpose.
Find all posts by this user
11-16-2014, 06:32 PM
Post: #2
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
Overall great critique of this visualization. I agree that the color map of green to yellow to red is a poor choice. At first look at the visualization I assumed green meant good shots and red meant bad shots because usually green is for good and red is for bad; however, the visualization is opposite that. Hence using colors associated with usual conventions when you don't actually want it to follow that can be bad.

The area encoding channel for the number of shots is not very effective because they overlap in high frequency areas like under the basket. They could change the scale to ensure they do not overlap.

Overall I really like this visualization because basketball is one of my favorite hobbies. I definitely enjoyed this visualization and other than the couple critical points thought it was very well implemented.
Find all posts by this user
11-16-2014, 07:20 PM
Post: #3
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
The visualization is interactive which is definitely a good thing. It's very smooth, which makes it easy to look at.

As mentioned in the previous post, the color choice could have been better, due to the fact that is based on a mostly red-green color scale. I get what the creator was trying to represent though.

The separation of each shot type was also interesting. It provided a way to filter the data and pick out the information.

I also agree with the previous post that the overlapping of elements is an issue. The scale should be adjusted to show each item more clearly.

The transition from the players image to the visualization was pretty cool.
Find all posts by this user
11-16-2014, 11:34 PM
Post: #4
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
I am always surprised on how much data sports can produce. But I have a few complaints with this representation. First, the color selection seems a little off. When it comes to sports I think of green being good or successful and red representing a miss or failure. This contradicts how this data is being displayed, choosing maybe red to represent hot. Second, using the size of a hexagon to represent a quantity seems like a poor choice. Considering how many points there are, it is almost impossible to determine how many shots really were taken at a certain point of the court. Last, a visualization is supposed to answer questions and I feel this viz does the opposite. How did the Thunder lose if they took more shoots, averaged more points per shot and had a higher percentage of made field goals?
Find all posts by this user
11-17-2014, 12:31 AM (This post was last modified: 11-17-2014 12:32 AM by sah403.)
Post: #5
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
I feel that this is a very great visualization. I do not totally agree with others comments about the colormap. The visualization was to depict the spots on the court where they are most dangerous. Hence red color was used to indicate higher number of shots.

The effect of player's face converts into the visualization is very elegant.
Find all posts by this user
11-17-2014, 12:34 AM (This post was last modified: 11-17-2014 12:34 AM by mmath.)
Post: #6
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
I think in this visualization that the different channels somewhat trample each other. There are three channels being used here:
1. Area of a hexagon to display number of attempts
2. Color to display points per region.
3. Location to show where the shot was taken from.
The location and area channel interfere and the different color saturations change the perception of area. I think it might have been better to just use points to represent an attempt. The overall density of the points would give you a general feel for the number of attempts and then there is no area channel to be affected by the saturation.
Find all posts by this user
11-17-2014, 08:08 AM
Post: #7
RE: Week 12: Where the Heat and the Thunder Hit Their Shots
(11-16-2014 11:34 PM)wgormley Wrote:  I am always surprised on how much data sports can produce. But I have a few complaints with this representation. First, the color selection seems a little off. When it comes to sports I think of green being good or successful and red representing a miss or failure. This contradicts how this data is being displayed, choosing maybe red to represent hot. Second, using the size of a hexagon to represent a quantity seems like a poor choice. Considering how many points there are, it is almost impossible to determine how many shots really were taken at a certain point of the court. Last, a visualization is supposed to answer questions and I feel this viz does the opposite. How did the Thunder lose if they took more shoots, averaged more points per shot and had a higher percentage of made field goals?

The data which is being displayed in the visualization is the data which was collected during the regular season prior to the playoffs. The designer provides this information right at the bottom of the visualization after displaying the six individual players.

I guess that answers your question.
Find all posts by this user
Thread Closed 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)