站长寄语

站长之前逛bilibili或者youtube时常看到如封面图的数据滚动界面，一直很好奇它是用什么做的，后来才慢慢发现是在github上的一个开源项目，站长看了看，其实也不难，只需要填写数据，然后再用录屏功能实现就可以了，分享给大家，于是就有了今天这篇文章。

项目介绍

该项目是github上一个开源项目，是由一名名为【Jannchie】创造并发布的，项目地址是
https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.js。

这是一个数据可视化项目，基于D3.js。能够将历史数据排名转化为动态柱状图图表。这个项目旨在降低此类视频的使用门槛与提高生产效率，使得没有编程经验的用户也能无痛制作排名可视化动画。

使用方法

1.先从官方网站下载数据压缩包。

2.将压缩包内的文件夹解压缩到任意位置。

3.找到里面的src文件夹，打开里面的html文件。

4.随后在打开的浏览器选择example.csv文件即可看到效果，以后的数据可以从该文件修改。

5.打开录屏应用开始录屏即可，最后在premiere等视频剪辑软件里面配上音乐，完美！