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

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

🍋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

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


所以说,还是录屏吧。


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

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


相关文章
|
2月前
|
数据可视化
动态图可视化:如何、创建具有精美动画图
动态图可视化:如何、创建具有精美动画图
|
2月前
|
图形学
如何在微信小游戏制作工具中做出好看的粒子效果?
如何在微信小游戏制作工具中做出好看的粒子效果?
65 1
|
2月前
|
前端开发 JavaScript SEO
学成在线制作【网页布局实战】
学成在线制作【网页布局实战】
89 0
Photoshop制作简洁清新的插画海报图片
Photoshop制作简洁清新的插画海报图片
56 0
|
计算机视觉
平面设计实验二 相册的制作与图层
平面设计实验二 相册的制作与图层
60 0
微信小游戏制作工具中的等待积木应该如何使用?
生活中我们总避免不了要等待,整装待发的准备去公司开始新一天的奋斗,但是公交车却迟迟不来,需要等待。一家人订好了周末出游计划,正准备出门,老婆要再选件衣服,擦个脸,需要等待。打开电视看想看的节目,出来了 60 秒的广告,需要等待……
90 0
|
机器学习/深度学习 编解码 数据可视化
生成你的漫画形象! 漫画风格迁移神器 AnimeGANv2
趁着有空的时间,给大家介绍一些有趣的项目吧,比如这个漫画风格迁移神器 AnimeGANv2,可以快速生成自己的漫画形象 动漫是我们日常生活中常见的艺术形式,被广泛应用于广告、电影和儿童教育等多个领域。目前,动漫的制作主要是依靠手工实现。然而,手工制作动漫非常费力,需要非常专业的艺术技巧。对于动漫艺术家来说,创作高质量的动漫作品需要仔细考虑线条、纹理、颜色和阴影,这意味着创作动漫既困难又耗时。因此,能够将真实世界的照片自动转换为高质量动漫风格图像的自动技术是非常有价值的。它不仅能让艺术家们更多专注于创造性的工作,也能让普通人更容易创建自己的动漫作品。
生成你的漫画形象! 漫画风格迁移神器 AnimeGANv2
|
存储 C++ Windows
眼前一亮!2款免费手绘风流程图绘制工具
“这种风格的流程图好漂亮啊,请问是用什么工具画的啊?”
眼前一亮!2款免费手绘风流程图绘制工具
|
前端开发
一篇文章教会你如何制作精美导航条
一篇文章教会你如何制作精美导航条
496 0
一篇文章教会你如何制作精美导航条