欧宝体育,欧宝体育app,欧宝娱乐,欧宝体育官网,足球投注平台,电竞下注,注册送彩金,欧宝足球下注,欧宝篮球盘口,欧宝电竞投注,体育投注平台

　　你一定见过这样的数据可视化 —— 动态的条形图根据一个时间序列上下移动展现数据的变化，往往还会配上节奏感很强的音乐。这种 “网红柱状图” 有很多不同名字，我们综合各种来源，并结合它本身的特点，认为可以叫做 “动态排名条形图”。在因为柱子之间排名的变化看起来很像一场竞赛，所以英文社区喜欢叫它称作 “Bar Chart Racing” （柱状图赛马）。

　　2016 年 3 月，Youtube 博主 Abacaba 上传一个五分钟的以动态排名条形图形式呈现世界最强围棋手排名变化的视频，这也是我们目前通过互联网公开资料，找到的最早的动态排名条形图。这条影片借助 AlphaGo 叫板围棋界的新闻，在互联网上迅速流传，启发了不少后续作者。Jannchie见齐、狸子LePtC 等作者均表示灵感来自该作品。

　　2017 年 3 月，在的作品 Where Refugees Come From 中，视觉编辑 Adam Pearce 使用动态排名条形图来展现 2008 年到 2017 年，美国难民来源数量的前十五名国家的排名变化。这是主流媒体中较早被使用动态排名条形图的案例。

　　2017 年 7 月，动态排名条形图在国内流行起来，条形图随时间上下移动，再配上有节奏感的音乐，排名和数量随时间的变化一目了然，很适合传播，B 站等社交媒体上也涌现出了很多类似的作品。

　　2018 年，国内涌现出了不少制作此类图表的开源项目。比如，B站 UP主Jannchie见齐基于 D3.js 编写动态可视化工具，狸子LePtC 开源基于 Flash 的免编译可视化动画模版。这些项目都可以将历史数据排名转化为动态柱状图图表，没有编程经验的朋友也能导入特定格式的数据，无障碍地制作动态排名条形图。至此，潘多拉魔盒终于打开，各种营销号快速制作了大量网红柱状图。

　　2019 初，这种动态排名条形图的制作工作逐渐大众化。Alberto Cairo 支持的可视化平台 Flourish、国内数可视旗下的 Hanabi（等在线工具，均支持一键制作 。用户无需下载代码，只需将相应格式的数据导入在线平台，跟着简明易懂的图表生成指南，即可生成自定义的动画图表。

　　我们通过公开互联网，搜集到共 78 个来自 B站、Youtube 以及其他社交媒体上的同类型动态排名条形图。通过方便采样（Convenience Sampling），来大致探讨这些图表出现的时间、主题和使用的数据类型，想一窥它们的共性和火爆的原因。下图是统计的动态排名条形图随时间的累加和折线图，可以看到，动态条形排名图从 2016 年开始出现， 从 2018 年中，相关作品开始急剧增长。

　　对于在可视化行业工作较长的朋友来说，这个网红柱状图并不陌生，甚至每过几年，都会再红一次。那么它最初的源起是哪里呢？

　　我们选了几个出现较早的作品，通过联系作者或者公开资料进行溯源。其中，澎湃美数课、UP主 Jannchie见齐、UP主 狸子LePtC 受到 Abacaba 频道围棋选手排名图的启发。Abacaba 频道围棋选手排名图上线 年。根据报道 “Where Refugees Come From” ，我们找到时任 NYT 视觉编辑的 Adam Pearce，他表示灵感来源于 D3.js 创始人 Mike Bostock 给出的 D3 示例教程，而该教程上线 年。

　　感兴趣的朋友可以扫码查看 Mike 大神的早期作品。不过严格来说，该作品与我们本期探讨的 “网柱状图” 之间，还有一步的距离。Mike 在这个示例中，主要是说明 D3 过场动画的应用，可以给读者创造一种 “恒常” 的视觉体验。如果这种恒常（排名）的视觉体验，是基于时间轴排开，则成了我们熟悉的网红柱状图了。

　　另外，根据 DVS 的 Andy Krackov，Gapminder 2010 年左右已经具备该功能。当时只需要在 Google Sheets 中按模板填入数据，则可以通过 Gapminder 网站上生成该图。这个体验是不是和今天各种工具的 “一键成图” 非常像？

　　Gapminder 是可视化大师 Hans Rosling 创立的基金会，搜集了世界各国按时间变化的宏观经济指标。他的演讲绘声绘色，专注民生议题，如人口变化、公共卫生、收入分布等。大师生前的最后一本书，Factfulness，我们也曾多次 推荐。

　　Gapminder 的可视化工具叫做 vizabi，目前已经开源。翻查代码库，可以追溯到 2015。在该 repo 中，这个图表的名字叫做 BarRank。另外， Gapminder 最初是作为一个桌面软件，提供给公众使用，后来开放了在线的版本，并被 Google 收购。从早期截图来看，直至 2009 似乎还没有 BarRank 这个功能。我们翻查了 Hans Rosling 通过 TED 和 Gapminder 基金会频道发布的视频，也没有发现 BarRank 这个图的使用。

　　从 Gapminder 的博客，我们还能找到 2009 年的文章，介绍了制作动态气泡图的流程，与网友 Andy Krackov 记忆中的流程是一致的。但翻找相关页面，并未找到有关 BarRank 的教程。

　　从目前搜集到的信息来看，Gapminder 应该是这个 “网红柱状图” 的原作，最初上线 之间，极有可能是在 2010 年左右。而 Gapminder 也是在线可视化工具中，最早（早于 2015）提供该模板的网站。可惜的是，这个颇有网红潜质的发明，被雪藏了多年，只在可视化圈子里流传，最后由 Youtube 和 B 站的用户引爆，进入大众视野，并逐渐泛滥。

　　而另外一支线上，Mike 大神可能无心插柳，只是为 D3 库写的小示例中，无意中独立发明了这个网红柱状图的原型。这一支也影响了不少专业人士，特别是具备前端编程能力的数据可视化工作者。

　　至此，大师和大神的轨迹奇妙地交汇到一起。大师的工作，着重搜集数据和讲故事，可视化不过是讲故事的工具之一。至于桌面软件，还是 web 服务，形式上就更不重要了。对大神而言，可视化工具则是至高追求，至于用什么数据、讲什么故事，一个好的工具都能适配。大神为了极限地打磨工具，不惜推翻重来（D3 前身 protovis）。有意思的是，Gapminder 的可视化软件，vizabi，其最新版本，也是基于 D3 的最新版本 v5 —— 终于有种宝剑赠英雄的结尾。

　　这些图表可大致分为几类 —— 体育、娱乐、科技、经济和社会。我们发现，其中娱乐主题的图表占比最大，接着是经济和体育。这类型的网红柱状图一般会配以节奏感很强的音乐，同时以柱状图上下移动展现动态排名，非常吸引用户观看，适合表达轻松的议题。

　　至于科技类的作品，主要从 2019 年之后出现。作品的来源频道比较多样，YouTube、B站、公众号都有。至于社会类的作品，则更为小众。社会议题通常比较严肃，多见于硬新闻，民间参与不多。目前搜集到的案例，一是 NYT 早年关于难民的可视化，二是最近因为 新冠肺炎 爆发，随之出来的一些可视化作品。

　　我们观察几十个动态排名条形图，发现所有动态排名条形图都是以时间为轴，展现排名和特征量变化。所以，数据中含有时间维度的数据集适合用这种形式。如果我们固定一个时间点，则图形是普通的柱状图。绘制柱状图一般需要两个维度（变量），一个用作把参与“赛马”的对象分组（object）、一个用作度量（metric）。

　　根据这几点要求，我们找到了一些数据源，上面有大量类似格式数据集，提供特定话题的数据。可以看到，中间大多数是宏观经济类的数据集，这些数据集通常按时间、地域、指标来组织，与我们上面总结的公式完全吻合。

　　再配合后续介绍的制作工具，就能立马出一套自己的图。想做试试做动态排名条形图的朋友可以试试这些数据源中的数据集。

　　Gapminder 是由瑞典教授 Hans Rosling 等人 2005 年创立的非营利组织，Gapminder Tools 是旗下基金会开发的一个统计软件，其中就包括动态排名条形图。这项工具既可以通过网页进行访问，也可以下载 Gapminder Tools Offline 到桌面离线访问。不仅可以使用工具自带的来自世界银行的数据，还可以导入自己的数据。

　　Flourish 中有可以直接使用的图表模版，只需将相应格式的数据导入即可。目前 Flourish 支持以html / 图片的形式（PNG/JEPG/SVG）导出，暂时不能以视频形式直接导出。

　　在 Power BI 的图表库中选择“ Animated Bar Chart Race” 这个图表，导入适宜的数据集，并将相应的数据维度拖至适宜的维度即可。

　　Jannchie见齐是 B站 知名 UP主，投稿了很多动态排名条形图可视化作品， UP主基于 D3.js 制作并开源了一个制作动态排名条形图的模板。根据 UP主 自己的介绍，可视化的模板灵感来自于 YouTube 上 Abacaba 发布的围棋排名可视化的视频。有关为什么要开源，引用 UP主在知乎上关于如何评价B站UP主 “Jannchie见齐” 及其开创的数据可视化开源模板？的回答：

　　我的所有工作，都是建立在开源框架上的。数据可视化在我看来其实是一个已经被解决了的问题。我使用的开源库：D3.js，数据驱动的文档，它能够让使用者轻而易举地完成任何数据的可视化工作。我的模板只是使用了其中的部分功能罢了，我没有添加任何新的特性，甚至模板的底子都是从官网案例上扒拉下来的。换句话说，我觉得我的实现本身就是包含在D3.js的框架之中的，D3.js的功能之一就是制作这样的动态图表。所以，开创二字是真的承受不起。

　　如果你要说我开创了什么，那你可能要加上很多限定词，比如说：我开创了一个在国内、火过一阵子、使用方式非常简单、流传较为广泛、不少人使用、很多营销号也用、用这玩意做出来的作品质量参差不齐、养活了不少up主的模板。但加上了这么多限定词之后，这个所谓的开创就毫无意义。这不是开创，我也不想重新定义什么开创。

　　另外，B站 UP主 狸子LePtC 也开源了动态排名条形图的可视化工具，使用的是 Flash 的 ActionScript 技术。作者提供了一个免编译的可视化动画模版。使用这个开源工具，只需把数据（和图片）准备好放在同目录下，然后用任意 swf 播放器打开已编译好的自适应柱图 .swf 文件即可。根据 UP主描述，他的灵感也来自于 YouTube 上 Abacaba 发布的视频。

　　Tableau 是常用的 BI 工具，通常用作严肃议题。但经过网友探索，也可以实现这种动态排名条形图的可视化。相比直接使用使用上述工具，过程会稍显复杂，其中关键步骤是使用了 RANK_UNIQUE() 这个函数取得排序，再利用 pages 来展现时间的变化。

　　Powerpoint 中也可以实现这种图表，主要是使用 Powerpoint 的动画功能来实现动态变化。

　　YouTube 的博主 Abacaba，博主第一条动态排名条形图展现几十年来世界围棋选手的排名变化。这条视频发布于 2017 年 3 月，截至目前，原频道观看次数已经超过 80 万次。更重要的是！这是我们追溯到的现存的有广泛传播量的早期动态排名条形图视频。

　　Jannchie见齐是 B站 知名 UP主，投稿了很多动态排名条形图可视化作品，现在有 23.1 万粉丝，总投稿数 209 件，其中动态柱状图作品有 141 件，占比 67%。他最早投稿的动态条形图视频是在 2018 年 5 月，最早的爆款动态条形图视频是在 2019 年 5 月 5 日的全球 GDP 排名统计，这一视频目前已经达到了 110.1 万浏览量，流传得很广。UP主 最火爆的动态排名条形图视频达到 436.6 万浏览量。他的投稿作品主要是 B站 UP主的粉丝随时间变化的排名图，数据来源于他自己编写的BiliOB观测者，一个观测 B站 UP主及视频数据变化，并予以分析的Web应用程序。

　　TheRankings 是 YouTube 上另一个博主，也是较早开始做动态排名条形图频道。他最早的作品是有关欧洲足联俱乐部的排名变化，投稿于 2017 年 7 月。这两年来，TheRankings 的投稿视频几乎都是这样的动态条形图，在油管上也积累了接近 30 万的粉丝。其中，他观看人数最多的作品是“权力游戏1-7季各个角色的每集屏幕显示时间”。博主会在每一个视频下注明使用的数据来源以及音乐名称，感兴趣的朋友可以前往原数据，进行二次创作。

　　小 tip：如果想寻找这类动态排名条形图，只需要在 YouTube 上搜索 “top most” 关键词即可

　　在这次调研过程中，我们深感开宗立派的不易。Gapminder 因为有大量的结构化数据集，可以自然地摘出基于时间、地理、指标的子集，为批量制作动态排名条形图提供了便利。D3 的创始人 Mike，则是潜心打磨数据驱动的制图方式，为后续的不少开源工具铺了坚实的道路。

　　另一件事，则让我们觉得有些悲凉：互联网的记忆可能只有 10 年。就在当下的 2020 年，我们要找到 10 年前的内容已经很难了。搜索引擎习惯了大多数用户寻找最新资讯的模式。主流社交网络如 Facebook、Twitter、Youtube 也只能覆盖最近十来年的历史。微信公众号生态大概 6 年左右，不知道能保存多久，并且是封闭、只能内链、不准外链的模式。

　　在寻找一些资料的时候，我们也尝试但因为最新一波流行的动态网页技术，导致很多页面无法有效保存。类似一例是不久前关于 Quartz The Atlas 突然下线的消息，竟然无法通过 archive.org 定位它下线的时间……

　　随着科技公司一波一波地收我们智商税，我们发现 3.5 英寸不靠谱、DVD-RW 不靠谱、机械硬盘不靠谱、固态硬盘不靠谱、云存储不靠谱。甚至，哪怕文件保存下来了，却没有了打开它的软件或者操作系统…… 最终，最靠谱的记忆，可能还是存在于人们日常交流中的那部分，而我们也许可以通过共享大脑的方式，去放大它的规模。

　　你平时的学习和工作中，遇到什么有意思的图表吗？欢迎来邮分享，也欢迎加入数据群，与朋友们共同研究。

　　本文为澎湃号作者或机构在澎湃新闻上传并发布，仅代表该作者或机构观点，不代表澎湃新闻的观点或立场，澎湃新闻仅提供信息发布平台。申请澎湃号请用电脑访问。