【matplotlib基础】--动画
matplotlib的动画一直是一个强大但使用频率不高的功能,究其原因,
一方面展示动画需要一定的媒介,没有图形和文字展示方便;
二来大家更关心的是分析结果的最终图表,图表的动态展示则没有那么重要。
不过,随着短视频的兴起,在短视频平台上展示动画变得非常容易,
所以,我们发现有越来越多的数据分析动画(比如各种横向条形图的排名等等)出现在了短视频平台上。
通过动画来展示数据和模型的变化过程,可使数据的可视化更加生动形象,
随着各种平台的兴起,matplotlib的动画功能也因此有了更多的用武之地。
1. 动画示例
介绍matplotlib的动画功能之前,先看用matplotlib制作的两个简单的的动画示例。
1.1. 单个动画
首先是单个动画,绘制一个正弦曲线。
import numpy as np
import matplotlib
import matplotlib.pyplot as plt
import matplotlib.animation as animation
x = np.linspace(-8, 8, 100)
y = np.sin(x)
fig, ax = plt.subplots()
(g,) = ax.plot(x, y)
def update(frame):
y = np.sin(x[:frame])
g.set_data(x[:frame], y)
animation.FuncAnimation(fig, update, interval=50, frames=len(x))

1.2. 组合动画
除了单个动画之外,组合动画也简单,下面的示例中,
先绘制一个正弦曲线,然后一个点沿着曲线运动,随着这个点,绘制正弦曲线的切线。
x = np.linspace(-8, 8, 100)
f = lambda x: np.sin(x / 2)
fig, ax = plt.subplots()
fig.set_size_inches(8, 4)
ax.plot(x, f(x), 'lightblue')
(point,) = ax.plot(x[0], f(x[0]), "r", alpha=0.4, marker="o")
(line,) = ax.plot([0], [0], "g", linewidth=3)
#绘制切线
def tangent_line(x0, y0):
h = 1e-4
num_min = f(x0 - h)
num_max = f(x0 + h)
k = (num_max - num_min) / (2 * h)
xs = np.linspace(x0 - 0.5, x0 + 0.5, 100)
ys = y0 + k * (xs - x0)
return xs, ys
#移动切点
def move_point(frame):
point.set_data([x[frame]], [f(x[frame])])
xs, ys = tangent_line(x[frame], f(x[frame]))
line.set_data(xs, ys)
animation.FuncAnimation(fig, move_point, interval=50, frames=len(x))

2. 动画函数
matplotlib的动画函数主要有两种,它们的动画原理差别很大,
了解它们之间的区别,才能根据自己的场景选择合适的动画函数。
2.1. FuncAnimation
上一节的示例中使用的就是FuncAnimation,它的动画原理是通过回调函数,不断重绘图形,已达到动画的效果。
主要的参数有:
- 画布:比如上面第一个示例中的
fig - 回调函数:比如上面第一个示例中的
update - 调用回调函数的间隔:比如上面第一个示例中的
interval=50,单位是毫秒 - 调用回调函数的次数:比如上面第一个示例中的
frames=len(x)
简单来说,也就是FuncAnimation函数每隔interval毫秒,调用一次update,一共调用frames次。``
2.2. ArtistAnimation
ArtistAnimation函数的原理则是先准备好每一帧的数据,然后绘制按照一定的时间间隔,
绘制每一帧数据对应的图像。
比如上面的示例一样的正弦曲线,用ArtistAnimation函数绘制的话:
points = np.linspace(-8, 8, 100)
fig, ax = plt.subplots()
frames = []
for i in range(50):
x = points[:i]
y = np.sin(x)
g = ax.plot(x, y)
frames.append(g)
animation.ArtistAnimation(fig, frames, interval=50)

ArtistAnimation的主要参数:
- 画布:比如上面示例中的
fig - 每一帧的数据:比如上面示例中的
frames - 每一帧的间隔:比如上面示例中的
interval=50,单位是毫秒
ArtistAnimation没有回调函数,只要准备好每一帧的数据,它会按照时间间隔绘制每一帧的数据。
3. 动画导出
最后,是动画的导出,常用的两种格式是MP4和GIF。
如果安装了 ffmpeg,那么导出这两种格式就很简单了。
3.1. 导出mp4
#前面部分省略。。。
anim = animation.FuncAnimation(fig, update, interval=50, frames=len(x))
anim.save("./output.mp4", writer='ffmpeg')
导出的文件名后缀 mp4,则可以导出视频。
这里的writer参数用ffmpeg。
3.2. 导出GIF
同样,导出gif也一样,文件名的后缀 gif即可。
#前面部分省略。。。
anim = animation.FuncAnimation(fig, update, interval=50, frames=len(x))
anim.save("./output.gif", writer='ffmpeg')
当然,也可以不用ffmpeg,比如,如果安装了imagemagick,这里的writer也可以用imagemagick。
#前面部分省略。。。
anim = animation.FuncAnimation(fig, update, interval=50, frames=len(x))
anim.save("./output.gif", writer='imagemagick')
【matplotlib基础】--动画的更多相关文章
- iOS开发UI篇—核心动画(基础动画)
转自:http://www.cnblogs.com/wendingding/p/3801157.html 文顶顶 最怕你一生碌碌无为 还安慰自己平凡可贵 iOS开发UI篇—核心动画(基础动画) iOS ...
- matplotlib绘制动画
matplotlib从1.1.0版本以后就开始支持绘制动画,具体使用可以参考官方帮助文档.下面是一个很基本的例子: """ A simple example of an ...
- HT for Web基础动画介绍
在上一篇<基于HT for Web矢量实现3D叶轮旋转>一文中,我略微提了下HT for Web基础动画的相关用法,但是讲得不深入,今天就来和大家分享下HT for Web基础动画的相关介 ...
- 核心动画基础动画(CABasicAnimation)关键帧动画
1.在iOS中核心动画分为几类: 基础动画(CABasicAnimation) 关键帧动画(CAKeyframeAnimation) 动画组(CAAnimationGroup) 转场动画(CATran ...
- Core Animation中的基础动画
基础动画 在开发过程中很多情况下通过基础动画就可以满足开发需求,前面例子中使用的UIView代码块进行图像放大缩小的演示动画也是基础动画(在iOS7 中UIView也对关键帧动画进行了封装),只是UI ...
- 数据分析与展示——Matplotlib基础绘图函数示例
Matplotlib库入门 Matplotlib基础绘图函数示例 pyplot基础图表函数概述 函数 说明 plt.plot(x,y,fmt, ...) 绘制一个坐标图 plt.boxplot(dat ...
- jQuery里面的常用的事件和基础动画的实现
一:了解jquery里面常用的事件 二:了解基础动画的实现 1:加载DOM 在JavaScript中使用window.onload事件作为窗体加载事件(它在页面所有数据加载完成之后才会执行) 在jQu ...
- Core Animation 动画的使用:关键帧动画、基础动画、动画组
首先让我们了解下什么是 Core Animation,Core Animation 为核心动画,他为图形渲染和动画提供了基础.使用核心动画,我们只需要设置起点.终点.关键帧等一些参数,剩下的工作核心动 ...
- Core Animation之CABasicAnimation(基础动画)
#import "ViewController.h" @interface ViewController () @property(nonatomic,strong)UIButto ...
- canvas基础动画示例
canvas基础动画示例 本文主要用最简单的例子,展示canvas动画效果是如何实现的 动画效果,是一个球绕着一点旋转 const canvas = document.getElementById(' ...
随机推荐
- 效率神器!神级ChatGPT浏览器插件分享
大家好,我是卷了又没卷,薛定谔的卷的AI算法工程师「陈城南」~ 担任某大厂的算法工程师,带来最新的前沿AI知识和工具,欢迎大家交流~,后续我还会分享更多 AI 有趣工具和实用玩法,包括AI相关技术.C ...
- 逆向之Ja3指纹学习
声明 本文章中所有内容仅供学习交流,抓包内容.敏感网址.数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! tls tls实际上前身就 ...
- Linux系统运维之Web服务器Nginx安装
一.介绍 Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行.本文先整理web服务器内容. 二.环境及软件版本 操作 ...
- Unity UGUI的Mask(遮罩)组件的介绍及使用
Unity UGUI的Mask(遮罩)组件的介绍及使用 1. 什么是Mask组件? Mask(遮罩)组件是Unity UGUI中的一个重要组件,用于限制子对象的可见区域.通过设置遮罩组件,可以实现一些 ...
- 深度学习(五)——DatadLoader的使用
一.DataLoader简介 官网地址: torch.utils.data - PyTorch 2.0 documentation 1. DataLoder类 class torch.utils.da ...
- Java扩展Nginx之七:共享内存
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos 本篇概览 作为<Java扩展Nginx>系 ...
- elasticSearch初步学习反思
转自自己的qq空间 2022年11月29日 每次找到新技术就会发癫 把业务整理完了 看着elasticSearch开始发癫 TM的把所有的一切都塞给它 反正全标记索引要啥拿啥 狠狠地获取就完了 思来想 ...
- 包管理工具npm和Yarn的区别,我们该如何选择?
好家伙,学习新工具 1.为什么我们需要包管理器? 关于npm我们已经知道了,这是我们项目的包管理器, 我们现在用的无比顺手的工具,都是在无数的竞争中杀出来的,他们淘汰了无数的产品 首先,倘若 ...
- 论文翻译: FREEVC:朝着高质量、无文本、单次转换声音的目标迈进
原文:FREEVC: TOWARDS HIGH-QUALITY TEXT-FREE ONE-SHOT VOICE CONVERSION 原文地址:https://ieeexplore.ieee.org ...
- 【go语言】1.2.1 Go 环境安装
Go 语言的安装过程非常简单,无论你使用的是哪种操作系统,都可以按照下面的步骤来进行. Windows 系统 前往 Go 语言的官方下载页面:https://golang.org/dl/ 根据你的操作 ...