andrio studio作业制作一个五子棋app_动态数据跑分图制作教程来了

最开始吸引我关注图表的是动态数据跑分图，人民日报的南丁格尔玫瑰图只是创建公众号的一个契机，今天，终于能好好的聊聊动态数据跑分图了。

---

01——导入数据

---

数据是从网上下载的部分国家近十年的GDP数据，在制作之前，先分享一个小技巧——excel从网页导入数据。

选择之后会弹出要求你输入URL的小窗口，你只需要输入数据所在的网址就可以得到数据（当然这个等待的过程有点长)

导入完成后，就可以使用了。

---

02 登陆网站，制作图表

动态数据跑分图最开始出圈是一张动态GIF，使用的是Java，考虑到很多同学对代码不太熟悉，就推荐一个零代码要求的制作方法。

推荐大家制作图表使用这个网站：https://app.flourish.studio/，进去注册后，选择“+新的可视化”就可以开始创建你的图表。

进去后，会有丰富的图表类型供我们选择，我们今天要制作的图表分类在是条形图里的比赛，选中之后会有一个预览效果，之后我们需要输入自己的数据，选择上传数据，选择数据存储位置，就可以上传成功你的数据。

---

03 导出GIF动图

当然，我们需要注意数据格式是否统一，插入后，在预览下就可以看到动态数据跑分图了,根据需要在右侧进行显示列和颜色调整

然后导出，但是这个网站不支持导出GIF，所以需要借助其他软件导出GIF图片。

---

另外，我也给大家准备了GIF录制工具licecap，关注同名公众号，后台回复GIF录制工具即可获得。