站长寄语
站长之前逛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等视频剪辑软件里面配上音乐,完美!