我用一幅图纪念科比的一生

原创 MarTechApe MarTechCareer

2020年，可以用地狱般的开局来形容。

我们还没有从武汉疫情的阴霾和忧心忡忡中走出来，就收到了另一条让人无比心痛的消息：1/26日，美国前NBA传奇球星科比·布莱恩特（Kobe Bryant）在一场直升机坠机事故中身亡，年仅41岁。

还记得2016年4月13日，科比参加了他20年职业生涯的最后一场比赛，那一场是他加入NBA联盟以来的第1346场常规赛，出战42分钟，50投22中、三分球21中6、狂砍惊人的60分，带领湖人翻盘。打破NBA球员退役战得分纪录，他是湖人队史、NBA历史乃至是世界篮坛最伟大的球员之一。他是我们心中那个偏执的，无所不能的科比·布莱恩特。

科比退役的那一天，他大声呼喊“mamba out”，从那之后，NBA再无曼巴。而今日过后，世间再无曼巴。

世事虽然无常，但他职业生涯中的所有的投篮数据都被保留下来，洛杉矶时报使用CartoDB和Python对科比整个职业生涯以来的全部投球记录（30,699）进行了数据可视化。让我们一起来回顾他传奇精彩的20年，向科比致以最后的敬意！

洛杉矶时报是如何制作这张数据可视化图的呢？

第一步要做的就是弄清楚科比所有投篮的信息。幸运的是，NBA一直保持着记录数据的习惯，因此我们不必花几千个小时来观看科比曾经参加的每场比赛并手动记录下位置。最开始，NBA的每次投篮都是由一些无名英雄手工录制的。近几年，随着科技的发展开始使用计算机跟踪球场上的球员位置。NBA数据可以通过API（代表应用程序接口）进行公共访问。这意味着我们可以通过在URL中放置特定的短语来获取数据。这是我们用来下载Kobe镜头的内容：

下载数据后，我们开始进行一些统计分析，来看看在科比的职业生涯中，是否有一些可寻的投篮习惯。虽然这个分析没有应用到最终的照片里，但这个分析向我们证明了，科比在球场上几乎所有地方都是一个非常稳定的射手。

使用Pandas和Matplotlib，我们可以把科比在球场上的所投篮绘制下来。但是最初的图像就仅仅是一张静态图片而已，观看者无法与他们互动，查看更多详细信息或选择他们想看到的点。那么我们如何才能使其更具交互性呢？

在做到在浏览器或移动设备上展示30,699个点并非易事，洛杉矶时报使用了CartoDB，这是一种地理空间数据库和地图服务。CartoDB的技术允许《洛杉矶时报》获取单个数据点，并通过不可见的交互图层将它们快速渲染成正方形的图块。接着，使用CartoCSS将整个投篮图进行颜色划分，用紫色表示投中，黄色表示没有投中。

但是在CartoDB发挥作用之前，我们需要将篮球场放在地图上。NBA数据包括X和Y坐标，这些坐标是指球场上的位置。单位是十分之一英尺

我们将这些X和Y坐标转换为纬度和经度，并将数据上传到CartoDB。接着，我们使用了一个名为Leaflet的JavaScript库来获取切片并将其显示在我们的网站上。

以下是javascript的代码：

CartoDB最有用的功能之一就是它能够使用SQL。这样我们就可以选择要在地图上显示的点。通过代码可以对科比职业生涯中的投球记录进行选取，并且按照“event_type”这一列进行排序，这一列代表了NBA比赛的场次。当鼠标悬停在某个点上时，我们可以看到，每一次投篮的具体信息，例如赛季、时间、对手是谁、以及是在距离篮筐多远的距离进行投篮的。例如，我们可以只显示2009-10赛季对阵鹈鹕的比赛中的跳投，上篮或失球。

关于如何展示什么、不展示什么，以及使用什么样的读者与数据进行交互的方式，洛杉矶时报的团队进行激烈的探讨，最终决定使用一些重要赛事的索引以及一些过滤器。这样既可以向大家呈现我们认为精彩的比赛瞬间，又可以给观众足够的空间来筛选自己感兴趣的比赛。

说到这里，科比整个职业生涯以来的全部投球记录的可视化过程就讲解完了。这张图不仅是科比的功勋图，也是所有人对于科比带给我们一切美好记忆的留念。

科比再见。

Once a Laker, Always a Laker。世间虽再无曼巴，但愿天堂有你心爱的篮球。

免费资源Zhen LiJanuary 26, 2020

我用一幅图纪念科比的一生

发送到看一看