可视化陷阱，揭秘keep运动地图的可视化表达

关注城市数据人微信公众号

欢迎添加★星标，重要信息不错过

网站：udu.org.cn

UDU：近日城市数据人发表文章：大家都在哪些地方跑步？大数据在这张地图上都给你标好了，为大家推荐了一个很棒的数据，跑步路径可视化地图。此后小猿猴微信号进行了解读：keep轨迹数据获取方法探索。

大部分小伙伴都只是对keep的可视化地图感到惊艳，认为作为城市研究的辅助数据，从地图上的可视化结果，就能够给我们一些建议。

回到地图本身，大家第一眼被吸引就是漂亮的可视化表达，但是你是不是认为，图中的黄色区域，就是运动人群最密集的区域呢？如果你也这么认为，那可能就进入了可视化的陷阱里了。经过刘啸老师的指导，我们发现不同色彩的线条，其实代表了不同的含义，而只有对于这些含义有所了解，才能够真正明白这张图的可视化要表达的意思。

注意，本文指的“可视化陷阱”是指主观解读地图时候容易出现的问题，并非指keep地图出现了表达错误，因为这个地图本来就不是给研究者看的，这一点需要提前说明，并感谢这个地图给了我们不一样的观察视角。

首先，我们先拿一张上海的keep地图进行观察：

很明显看出，沿着黄浦江两岸的色彩最显著，是亮黄色，那么是不是这里跑步的人最多？另外还有几种不同的绿色，似乎也是通过深浅来表达不同色彩人群的密集度。所以大家可能会得出结论：黄色地区，跑步的人多，大家更愿意去黄色的地方运动。

由于Keep地图并没有给出不同色彩代表的含义，但是前端表达大多是直接写在网页的js文件里，因此直接在页面右键（一打开页面就右键，否则加载完毕后右键会屏蔽），查看源代码，可以发现：

<script src="https://staticweb.keepcdn.com/staticShow/js/maptrackNew-769c297701.js"></script>

也就是maptrackNew-769c297701.js，用记事本或者notpad++打开他，如果觉得格式可读性差，可以百度下“js格式化”，把代码复制出去，格式化一下。然后就能够在里面看到一个很有趣的表达：

"5k2020": {

id: "5k2020",

  type: "line",

  source: "5k2020",

"source-layer": "5km_20",

  paint: {

"line-color": "#4ceb00",

"line-opacity": {

      base: .02,

      stops: [[0, .2], [10, .2], [13, .1], [15, .2]]

    },

    "line-width": {

base: 3,

      stops: [[0, 2], [10, 1.8], [13, 1], [15, 2], [25, 3]]

    },

    "line-blur": {

stops: [[3, 10], [16, 0]]

    }

  }

},

"10k2020": {

id: "10k2020",

  type: "line",

  source: "10k2020",

"source-layer": "10km_20",

  paint: {

"line-color": "#6aeb00",

"line-opacity": {

      base: .08,

      stops: [[0, .2], [5, .2]]

    },

    "line-width": {

base: 3,

      stops: [[0, 2], [11, 2], [13, 1.5], [15, 2], [25, 3]]

    },

    "line-blur": {

stops: [[3, 10], [16, 0]]

    }

  }

},

marathons2020: {

id: "marathons2020",

  type: "line",

  source: "marathons2020",

"source-layer": "marathons_2020",

  paint: {

"line-color": "#ffde00",

"line-opacity": {

      base: .03,

      stops: [[0, .2], [10, .18]]

    },

    "line-width": {

base: 3,

      stops: [[0, 2], [11, 2], [13, 1.5], [15, 2], [25, 3]]

    },

    "line-blur": {

stops: [[3, 10], [16, 0]]

    }

  }

},

abroad2020: {

id: "abroad2020",

  type: "line",

  source: "abroad2020",

"source-layer": "abroad_20",

  paint: {

"line-color": "#6aeb5c",

"line-opacity": {

      base: .5,

      stops: [[0, .2]]

    },

    "line-width": {

base: 2,

      stops: [[0, 2]]

    },

    "line-blur": {

stops: [[3, 10], [16, 0]]

    }

  }

}

这上面很明显是不同的路径距离以及显示方式，例如“line-color”代表了路径的颜色，“line-opacity”代表了透明度，只有透明度存在，不同的要素叠加才能产生复杂的效果，另外还有路径的宽度，以及指标的步长，即不同显示级别下路径的表达方式。

上面这段代码，其实就是这张图的“图例”了，我们把上面的色彩代码表达出来，如下图：

从图中可以看出，这是2020年的数据，分别为5000米路径、10000米路径、10000米以上（以马拉松代称）路径、国外路径。

这样看来，在国内的数据，不同色彩代表的是“跑步路径的长度”，而不是说“在这里跑步的人数”。这个表达的差别，就是空间研究与商业运营的区别。

在Keep的思维模式里，中、短、长距离的路径，可能代表了不同的人群，对这些人群进行有针对性行的服务，符合商业的逻辑。但是如果对于城市研究者，需要更深入考虑一层，即黄色（或者是粗线条）的部分，代表的是一种客观空间的使用频度表达，即有一部分人群，喜欢在这里跑步，而且由于经常性的活动，导致这里跑步路径使用频度比较高，从这个角度出发，才能有正确的研究逻辑。

所以“黄色地区，跑步的人多，大家更愿意去黄色的地方跑步”是不准确的，更准确的表达应该是“黄色区域，空间被使用的频度更高，可能适合运动跑步”，因为到底是一个人的重复路径，还是多个人的共同选择，是无法判断的。前者是对人群偏好的判断，后者是对空间使用频度的判断，一个默认了大众偏好，一个表达了客观事实，二者的理解方式是不同的。

另外数据中还有一个abroad的值，表达了国外的路径颜色。如果按照上面的分析，那国外城市的路径就只有一种颜色，没有距离区分，我们打开伦敦为例：

果然如此，伦敦等国外的城市，都用一种颜色进行了表达。同样，他也表达了空间的被使用频率，但没有表达出人数的多少。

另外，这个地图是有矢量数据，以及栅格数据同时存在的，但由于数据安全考虑，对这一部分就不再细说，因为对大多数人来说，一张截图辅助说明已经足够了，如果想直接下载大图，也可以用规划云网站地图的方式，也可以下载大图。

总之，以上内容希望给大家分享下对于这张地图的理解，同时也提醒大家在看到一张可视化地图时候，一定要思考背后的故事，地图是表达了制作者的观点，抓住背后的观点需求，才能更好的理解并使用。

最后，还有一个看图的窍门分享给大家，拿到一张地图时候，先看什么？对了，是图例。没有图例的图，似乎就隐藏了什么秘密，值得大家去好好发现。

注：本文最初来自刘啸老师发现，感谢刘啸老师的指导。

Keep跑步运动轨迹地图已经加入城市数据人网站：udu.org.cn，在菜单中的【数据】->【地图数据】栏目中可以点击查看。

同时也放到了规划云网站首页，方便大家随时查询。

更多内容，欢迎大家加入国匠城-城市数据学社，根据APP内置顶帖，领取Datamap-Excel数据分析插件，以及在APP内接收日常更新，共同交流共同进步~

长按二维码，加入国匠城-城市数据学社知识星球，知识星球APP下载地址：zsxq.com，下载安装后使用微信登陆即可。