B站上的数据可视化视频是怎么做的，用到了什么技术和工具？ 第1页

估计很多人想到是，怎么能不敲代码，就能做出这样的动态视频吧

好在我之前确实做过这样的视频，而且还自己配上了音乐，全程也没有敲过一个代码，基本上十分钟就可以做出一个视频：

一、Flourish

可以说是最好用的可视化在线flash网站，前面也有很多大佬说过了，这个网站里提供了非常多的数据可视化模板，我们要做的工作就是从网上找到数据，然后将数据导入到模板里，设置好相应的速度、颜色、图标等信息就完成了。

操作的步骤非常简单，第一步点击右上角我们要制作的动态柱状变化图模板，点击上方“Data”栏，我们就能看到数据就放在这里，然后点击“uplode data file”上传我们要用到的数据表格。

模板本身限定了表格的格式，如下图一样，A列是指标名称、B列是属性、C列是存放图标的URL列，D列之后是时间变化列，准备excel表格的时候要按照这个格式。

添加好excel表之后，模板会提示你导入了多少条数据，点击确认即可

第二步就是优化可视化图表，点击上方的“Preview”，就会发现模板自动就已经开始按照时间开始滚动了！甚至不需要我们动一个手指头

当然我们还要做一些美化和处理，右侧有个编辑栏，主要是要进行标签、颜色、播放速度、标尺大小、时间显示格式等细节的美化，按照自己的风格设置好后，一个B站上常见的可视化视频就做完了。

当然这个网站也有几个坏处，一是要注册，而且如果你想要导出视频文件是需要注册会员的，所以帆软君一般都是选择录屏软件录下来，然后添加上气势一点的背景BGM，就可以做到白嫖了！

第二个坏处就是全英文，其实我们用到的英文不多，整个界面还是很清晰的，多做几次之后就基本都明白了。

二、FineReport

很多做报表的人可能都听过，其实finereport也能实现这样的功能，而且也不需要敲代码

首先就是进入finereport界面，选择使用决策报表，导入我们需要使用的数据表格（也可以直接连接数据库的，如果你是准备经常做这样的动态图）

然后在菜单栏点击模板选择模板参数，新建一个默认值为=now的模板参数a。

决策报表 body 组件的布局方式改为绝对布局，决策报表设计主体中拖入条形图，如下图绑定数据信息。

条形图样式选择标题，勾选标题可见，标题内容填写公式UNIQUEARRAY(ds1.select("年月"))，并设置一些字体之类的细节

最后一步就是添加定时刷新，时间间隔为1秒。

这样一个动态的滚动轮播图就完成了，

三、数据源

其实工具都好找，唯一的难点就是数据不知道从哪里找，所以帆软君给大家提供了两个网站，基本可以节省很多的数据查找时间。

1、国家统计局

基本上这种B站视频都要用到一些国家数据和国际数据，最省力的办法就是直接去国家统计局里找，这个网站可是真的宝藏，我们可以在首页的数据查询栏找到月度数据、季度数据、年度数据、普查数据、国际数据、部门数据等等，你所能想到的国家几乎都能在这里找到。

我们随便点一个年度数据，就会跳转到数据的详情页，左侧是五花八门的数据指标，右侧是数据详情，这些数据都是可以免费下载成excel格式的，注册一个账号后就可以实现免费下载了。

2、大数据导航网

一个神奇的网站，我们能在网上常见的公开数据网站都可以在这里搜索到，基本满足普通人99%的需求是没问题的

3、镝数聚—全行业数据聚合

网站提供12大领域、100+行业、6000+权威数据源，基本覆盖了所有的细分行业。首页就有全面又详细的数据分类，可以直接点击分类查看也可以通过关键词查询。

绝大部分数据都可以免费下载，每日数据更新，数据的结构性好，既可下载原始数据，也可查看可视化效果。收藏夹安排起来~

所以有了工具和数据源，你们还不赶紧动手试一试？

                写         4         个方法吧，外加数据来源            

方法一：Flourish ★★★★★

网址：https://app.flourish.studio/ ；教程主要写在【优点4】

视频里的横向条形图排序赛跑叫Bar chart race，放一个我自己做的视频，右边三个数据对比（动的幅度很小，但是在动）都是Bar chart race，最大的那个是line chart race

所有的数据可视化部分都是用Flourish做的，无需编程基础，在网页端填入数据就可以做出可视化的效果，放在第一个也是最推荐的。

• 优点1：全平台，不管是什么操作系统，是手机还是平板，只要能输入数据就能生成，因为……这是个网页工具(￣▽￣)"

• 优点2：输入数据的样式很广：Excel, CSV, TSV, JSON, GeoJSON，可以上传文件，也可以直接粘贴

• 优点3：效果选择很多，但，也只能选网站提供的模板

• 优点4：操作简单，搭建快速，主要难点在提供与整理数据，就像数据挖掘任务70%工作会花在数据预处理上

操作就是……开箱即用，官网有个各国城市人口排序的样例

可以看到，颜色按5大洲分类，然后国旗在数据的第C列，但其实是“image”列，可以更改

国旗图标的网站在https://www.countryflags.io/，如果做国家对比用这个就很好，如果是其他对比自己把图标上传图床然后贴图

国旗图标在下图圈出来了，防止有人没看到……能放小图标这个点也算是第4.5个优点吧

所有的颜色、大小、长度、角标、位置…你能想到需要改的在右边都能改，看不懂英文用插件翻译

• 优点5：可以输出成永久公开链接，连嵌入网页的代码都可以自动生成甚至还能调整，想象一下在PPT里放上这个动图，还蛮有创意的

比如我上传数据做了一个Bar chart race，生成链接放在下面，所有人都可以联网打开看

• 不一定是缺点的缺点1：“网站英文的，看不懂”……没什么复杂词汇，而且可以用插件翻译
• 不一定是缺点的缺点2：“怎么不能生成视频啊”……只是生成动态结果，怎么可能输出个mp4…想要视频用录屏软件比如obs、quicktime录下来，然后再用pr、fcpx等视频编辑软件剪辑加bgm等等
• 不一定是缺点的缺点3：给链接加密要会员……这个就像以前的GitHub，公开的仓库随便用，私人仓库要付个费，但对一般人没什么影响
• 不一定是缺点的缺点4：“就这么几个模板，不能订制，不够我用的”……我觉得可更改参数已经足够多了…

对于大部分人首推这个Flourish，下面的三个方法可以跳过

方法二：镝数图表

http://dycharts.com

这是一个不亚于上面的国产新兴网站。只需要简单粘贴数据就可以生成好看的图表，图表模板非常丰富：条形图、雷达图、甘特图、桑基图、玫瑰图，都可以在镝数图表上0代码完成

网站还提供了很多精美模板：简历、微信配图、营销海报、年终报告、新年计划等等。编辑的时候可以选择主题颜色、调整图表样式、插入音视频…

对于不会代码的小白，在镝数上还可以完成简单的h5网页，在镝数上完成作品都会同时生成一个H5页面，这样方便进行分享，还可以保留作品的动态和交互效果

目前模板都是免费的，水印都是可以去掉的或者换成自己的，模板风格也适合国内文风，还不赶紧试一下~
它们家还有个产品叫镝数聚，可以找到很多细分行业的数据，相辅相成的可以作为上面数据的来源

方法三：B站UP们的开源框架

1、 @jannchie见齐 的开源项目：https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.js

视频教程：

其实@jannchie见齐还有个观测b站的网页也很厉害：https://www.biliob.com/

2、狸子LePtC 的开源项目：https://github.com/LePtC/AutoAni

视频教程：

佩服他们的精神，对做科技区UP感兴趣的可以加入组织：https://github.com/uupers

方法四：自己撸代码，善用各种库和API

Altair、Echarts、matplotlib、pyecharts、Bokeh、VisPy等等等等

自己撸代码是不是听起来有点硬核？但其实只要找好教程，小白也能快速成长为高手，推荐一个叫「夜曲编程」里的「Python数据可视化」的产品，循循善诱，一点也不晦涩难懂

零基础的小白可以关注「夜曲编程」回复【免费教程】学习完整的Python入门知识。虽然是免费的，但是我感觉对比其他产品的免费课程来说还是比较扎实一点的～

至于为什么选Python作为入门，很多人都说了很多了，可以一份代码多次复用、导出各种格式、自由实现市面上几乎所有种类的图表……

比如可以自由调节下面的参数，用网络上工具要么受限要么要付费，自己掌握核心技术最重要

教程看名字就知道都十分有意思，不管是小白学习还是已经会编程的同学复习都能让你们沉浸地交互式学习很久~

快来交互式地做个的新时代斜杠青年吧~

以上就是四种方法

YouTube上面的数据可视化博主，除了第一名data is beautiful百万粉，其余粉丝都是5、6位数

但是视频播放数量上千万的有不少

数据来源

默认看这个回答的有要做类似视频的想法

比如Flourish官网样例就在下面标注了数据来自世界银行，我大二寒假参加美赛的时候也发现这几个大机构数据很丰富（甚至能看到2100年人口预估之类的）：

       世界银行：https://data.worldbank.org.cn/ 联合国：https://www.un.org/zh/databases/index.html 中国国家数据： http://data.stats.gov.cn/ 牛津大学项目： https://ourworldindata.org/ IMF 国际货币基金组织（与世界银行同为世界两大金融机构）：https://www.imf.org/en/Data IFS：http://www.ifs.du.edu/ifs/frm_MainMenu.aspx 经济合作与发展组织 OECD：http://oecdchina.org/statistics/index.html 大学的校园网数据库，这个看各个学校的神通了 *The Statistics Portal：https://www.statista.com/ 完美数据库，就是要付费… 大数据导航：https://hao.199it.com/ GitHub整理（38.2k个star）：https://github.com/awesomedata/awesome-public-datasets *kaggle里提供的dataset，比如YouTube相关：https://www.kaggle.com/datasnaek/youtube-new（大概六个月的趋势数据，用的YouTube API 有爬虫代码） Google数据集搜索：https://toolbox.google.com/datasetsearch 票房相关： http://endata.com.cn/ http://www.cbooo.cn 财经python包tushare也可以加载票房数据 百度指数、Google指数     

……

放一堆链接徒增收藏夹负担，还是等需要某种数据时再做寻找为佳

（自己找未整理数据的话，有的网站会提供API接口，有的没有接口或者接口不能满足要求…考验爬虫的时候到了）

关于制作一个数据可视化视频，相信你看完了上面应该不再觉得有什么难度了。但是如何找到高质量数据以及在数据中发现有趣的信息，（个人认为）其实更关键。

2020.3.23更

为什么这个回答点赞收藏一比五……

2020.3.30更

被收录了，哦耶(ง •_•)ง