一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定

已收录   阅读次数: 2,497
2019-12-2110:00:37 发表评论
摘要

之前介绍过如何通过github上D3.js项目实现动态数据排名,具体可以参看下面的前情提要,但是,对于没有html代码相关知识的朋友并不友好,现在好了,伯衡君找到一个可以不用代码数据,只需要会用excel表格就可以了,分享给大家,于是就有了今天这篇文章……

分享至:
一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定

开篇寄语

之前介绍过如何通过github上D3.js项目实现动态数据排名,具体可以参看下面的前情提要,但是,对于没有html代码相关知识的朋友并不友好,现在好了,伯衡君找到一个可以不用代码数据,只需要会用excel表格就可以了,分享给大家,于是就有了今天这篇文章。

演示视频

前情提要

官方地址

https://app.flourish.studio/

操作方法

  1. 打开上方链接,先注册,注册后进入后台,如下图所示。 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  2. 点击新建,下拉,选择动态数据竞赛模式,如下图所示。 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  3. 进入编辑状态后,点击数据(Data),根据表格形式,在桌面新建一个空白表格,之后将表格内的所有内容,全部复制粘贴到其中,如下图所示。 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  4. 至于获取数据,这就需要自己想办法喽,将里面的内容都替换后,在上传到后台,如下图所示,之后再看preview,预览就可以了,这样数据就动起来了。 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  5. 右侧就是样式的修改了,诸如单位,大小等等,看自己喜好,如果制作完成,就可以点击右上角生成,会生成一个预览链接,点击它查看即可,如下图所示。 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  6. 看一下自己做的成果,是不是很有成就感? 一个在线制作动态数据竞赛的网站,无需代码知识轻松搞定
  7. 制作成视频就更简单了,只需要用录屏应用将整个过程录下来,随后在pr里面剪辑,配音,一个完整的数据动态排名就出现了。
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

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