那么，你是是否也有些心动像制作这样看起来很酷炫的数据可视化视频呢。我们只需要借助一些工具，就可以轻松达成这个目的。而且方法还不止一个，其门槛和难度都不高。只要你有好的创意，能够提供有趣的数据就可以啦。下面，我就来教大家这几种制作数据可视化视频的方法。

目前B站上常见的数据可视化视频框架，除了Jannchie见齐的Historical-ranking-data-visualization-based-on-d3.js框架外，还有狸子LePtC的AutoAni框架。两种框架所采用的技术路线不一样，呈现出来的效果也各有特色。两者的学习成本都不算太高，具体想用哪个框架就看个人的喜好了。

本教程所使用到的开源程序都托管于Github上。对于程序员来说，如果你对数据可视化视频的制作感兴趣，我只需要指出代码仓库的地址，下面你就可以自学成才了。对于没有任何经验的普通用户，本文也只是提供入门指引。更多的还需要自己发挥主观能动性去探索和创造。

By Jannchie见齐

max_number：控制每个时间节点上，最多显示的条目数。用户提供的数据集合中，在相同的时间节点上可能存在很多条数据，此变量可以让你选择显示前max_number个。

timeFormat：控制时间显示格式，有些数据可能不是以日期为单位的，也可能是以月份或者年份为单位的。此处的时间格式要和数据中date的格式保持一致。

interval_time：这个变量用来控制数据的播放速度。如果增加这个值，两个时间节点之间变化的时间间隔会变大，效果就是数据变化播放速度变慢。

剩下的选项看注释比较好理解，理解不了的一般也不需要修改。

如果觉得上面的文字教程不够直观和详尽，也可以直接看框架作者制作的视频教程。

**By 狸子LePtC**

除了上面的框架，狸子LePtC利用Adobe Flash开发了一套全新的框架，而且显示效果更为酷炫一些。普通用户使用的话，可以直接下载这个代码仓库中的某些文件，里面有编译好的现成的动画模板。如果对代码层面的东西感兴趣，则可以访问这个仓库：点我。

第二行数据以“cname”开头，后面则是数据列要显示的名称。这个比较好理解，不再过多解释了。

第三行数据以“color”开头，后面的值表示每个数据列想显示的颜色。颜色值用十六进制颜色码表示。

第四行开始，都以时间日期为开头，后面跟着每个数据列的数值。

上面使用的两种框架生成的动态可视化数据，第一个是渲染在网页端，第二个是利用播放器进行播放的flash，都不是可以直接用于传输到视频网站上的文件格式。因此，为了让我们生成的动态可视化数据变成视频，我们还需要借助于屏幕录制软件。根据每个人的习惯不同，你可以选择不同的屏幕录制软件。这里我将介绍一下我使用的屏幕录制方式，即利用Windows 10自带的屏幕录制工具，即方便使用，也无需安装额外的工具。

2.使用快捷键Win+G，打开视频录制工具栏。第一次打开会弹出提示框，勾选”是的，这是一个游戏”。

3.点击工具栏上的录制按钮开始录制视频。

4.在网页上打开数据文件，并播放生成的动画。等待播放结束。

5.播放结束后，点击工具栏上的停止录制按钮结束屏幕录制。相应的视频文件会保存在C:UsersXXXVideosCaptures文件夹中。

有了原始的视频素材后，剩下如何处理加工视频，本文就不再进一步深入讨论了。