NBA总决赛开打了,热火三巨头大战凯文杜兰特的雷霆,如何能让人不热血沸腾。可是浑身闪耀着理性光辉的偶们怎么能光看热闹不看数据呢!知我者,NYT也。纽约时报的编辑们根据两队在常规赛中的得分统计制作了互动的得分热力图。这个可视化借鉴了密西根州立大学的教授Kirk Goldsberry对NBA得分分析用的可视化。在篮球的半场图里,用六边形的点表示了不同位置的得分情况。点的大小表示投篮次数,而颜色表示得分此书。大块的红色点表示重点得分区域,而大块绿色则表示命中率不高的区域。比较两队的可视化,明显雷霆三分更多,特别是弧顶区域。

这个可视化还列出了两队主力球员的得分情况。这里有个非常有意思的设计。起初显示的是两个球员的头像,用类似的六角形点状纹理。

当鼠标移到球员头像的时候,头像变成了下面的热力图。偶不禁要问为什么不直接显示热力图呢?反正上面也有队员的名字?难道是编辑们发现读者懒的根本不愿意读文字,只有放头像才能吸引读者注意?可视化一目了然,勒布朗内线得分多,中距离不咋地。杜兰特外线,特别是弧顶非常牛。

扫了一遍所有球员,巴蒂尔的右边底角三分简直碉堡了。可是这么给纽约时报曝光了,他以后还怎么混啊。。。

我们非常喜欢这个可视化,用了通俗易懂的热力图,展现了非常有意思的数据。纽约时报的配色一如既往的赞。也沿用了他们用小段文字在可视化上点出重点的做法。觉得这个可视化的难点可能是背后的大量数据处理。

© 2012, 视物 | 致知. All rights reserved.

Related Posts: