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

已收录   阅读次数: 2,597
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: