一文教会你制作精美的动态图表

简介: 简介:一文教会你制作精美的动态图表

🍋python实现动态排名图


# -*- coding: UTF-8 -*-
"""
# @Time: 2021/8/23 16:50
# @Author: 远方的星
# @CSDN: https://blog.csdn.net/qq_44921056
"""
import bar_chart_race as bcr
import pandas as pd
import ssl
# 取消证书验证,防止出现ssl错误
ssl._create_default_https_context = ssl._create_unverified_context
# 读取文件
df = pd.read_csv('D:/data_code.csv')
# 将文件逆序输出
df = df[::-1]
# 生成图表
bcr.bar_chart_race(df.set_index('date'), 'D:/测试1.mp4')

这是最基本的动态图,更详细的可以参考下面这位博主的文章,他整理的很细致,而且解决了遇到的一些错误!感谢这位博主!👍

  • 参考如下:

最简单方法!!用python生成动态条形图(解决报错问题!)


🍉在线制作:Flourish操作指南

image.png

Flourish网址:https://flourish.studio/

第一次使用,需要用邮箱注册一个账号,将信息填写完毕,即可注册。

🍐创建工程并上传数据

创建新的工程

image.png

有很多的样式,我们需要的是Bar chart race

image.png

进入之后,会有一个例子,是网页自带的

image.png

切换到数据(data),可以选择两种数据的上传方式:上传新的数据;将数据与原数据合并

image.png

这里,我上传一份已经处理好的数据(需要数据的可以私信我)

image.png


上传时,会遇到这个问题,时选择公开上传还是私密上传,不过私密上传需要收费开通服务。


这里选择了公开上传

image.png


到这里,初步的动态排名就完成了,但仔细看的话,会发现,其实还有点不足,而且根本没有刚刚给的例子那么精致。


这就需要我们来调整参数了。


🍑各种参数


添加标题

image.png


添加数据来源

image.png


添加图片和类别

回到data,因为我上传的数据和标准的数据比,好像少了两列,手动加一下,并且改动右侧参数对应的列即可。

image.png

改动如下:

image.png

需要注意的是,图片那一列,要填在线图片的网址,不能使用本地图片。

改变图片样式,需要切换到预览(preview)

image.png


调整时间及total字体及颜色

image.png


调整排名规则(由高到低、由低到高)


image.png


调整图例

image.png


调整速度

选中Timelines&animation,拉到最下面

image.png

调整颜色

对背景进行调色

image.png

对坐标轴进行配色

image.png

对数据条进行配色

image.png

自定义数据条颜色的格式为(数据条名:颜色)

调整按钮颜色:选中Timelines&animation,往下拉

image.png

🍇动图导出

有两种导出结果,一种是网页,一种是图片

image.png

同样的,以网页的形式导出需要收费,而以图片的形式导出,只有动图的一帧。


所以说,还是录屏吧。


如果对你有帮助,记得点个赞👍哟,也是对作者最大的鼓励🙇‍♂️。

如有不足之处可以在评论区👇多多指正,我会在看到的第一时间进行修正


相关文章
|
前端开发 iOS开发 Android开发
使用OmniGraffle制作原型图
原型图设计是一个艺术创作的过程,所以我们应当使用能够提高工作效率、激发创作灵感的工具,让工具为创作服务,而不是为创作去学习如何使用工具。从这一点上说,我觉得Mac下的很多软件做的非常好,OmniGraffle就是其中一个。
2421 0
微信小游戏制作工具中的等待积木应该如何使用?
生活中我们总避免不了要等待,整装待发的准备去公司开始新一天的奋斗,但是公交车却迟迟不来,需要等待。一家人订好了周末出游计划,正准备出门,老婆要再选件衣服,擦个脸,需要等待。打开电视看想看的节目,出来了 60 秒的广告,需要等待……
128 0
|
前端开发 开发框架 Android开发
20套最新的扁平界面设计素材【免费下载】
  如果你正在寻找 UI 工具包以扩大你的设计素材库,那么你找对地方了!在这篇文章中,你会发现许多 PSD 素材,包括各种风格,主题和设计选择的用户界面工具包。下面罗列的所有这些扁平化的 UI 工具包都可以免费下载,所以一定要感谢那些花时间来设计他们的设计师。
973 0
|
9月前
|
图形学
如何在微信小游戏制作工具中做出好看的粒子效果?
如何在微信小游戏制作工具中做出好看的粒子效果?
150 1
|
9月前
在微信小游戏制作工具中制作一个下雨的效果
在微信小游戏制作工具中制作一个下雨的效果
105 0
|
iOS开发
如何用ipad制作精美的视频,并发布到视频网站
          当节日来临的时候,我们有时候会想做一些视频送给女朋友或是同学。下面介绍一种简单用ipad的视频制作方法。 1.首先推荐使用会声会影软件,在appstore里就有下,而且免费。下载里面的一些视频模板。 2.上传需要插入的照片以及背景音乐。 3.将制作完的视频渲染到ipad的相机胶卷里。 4,提取ipad中的视频。不要通过itunes,直接pad连上电脑。打开我的电
1007 0
20 超棒的 Photoshop 网站布局设计教程
Photoshop 网页设计的教程是很大的资源,是网页设计快速简便的方法之一。作为一个良好的开端,我们应该善于学习他人在网页设计领域的理解。在这个原则的基础上,你可以参考以下教程,学习Photoshop的新技术和战术的使用。
833 0

热门文章

最新文章