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

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

🍋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

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


所以说,还是录屏吧。


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

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


相关文章
|
6月前
|
图形学
如何在微信小游戏制作工具中做出好看的粒子效果?
如何在微信小游戏制作工具中做出好看的粒子效果?
98 1
|
6月前
|
缓存 数据库 数据安全/隐私保护
我绘制文章插图的三个神级工具
我绘制文章插图的三个神级工具
106 0
Photoshop制作简洁清新的插画海报图片
Photoshop制作简洁清新的插画海报图片
69 0
|
计算机视觉
平面设计实验二 相册的制作与图层
平面设计实验二 相册的制作与图层
75 0
|
存储 C++ Windows
眼前一亮!2款免费手绘风流程图绘制工具
“这种风格的流程图好漂亮啊,请问是用什么工具画的啊?”
眼前一亮!2款免费手绘风流程图绘制工具
|
数据可视化 搜索推荐 API
如何在 FlowUs、Notion笔记软件使用白板和代码绘制流程图(二)
关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。 除了专门的流程图工具,还有其他解决方案吗? 1. 使用白板工具绘制流程图或者思维导图。 2. 使用代码绘制流程图
623 0
|
前端开发
一篇文章教会你如何制作精美导航条
一篇文章教会你如何制作精美导航条
536 0
一篇文章教会你如何制作精美导航条