学做数据滚动视频看这篇就够了

百度已收录   阅读次数: 425
2019-12-1618:00:35 发表评论
摘要

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

学做数据滚动视频看这篇就够了

站长寄语

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

分享至:
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: