chart-animation_设计多媒体 skill-PHP中文网

chart-animation

Polar Sponsor

爱发电赞助

.NET 9.0

立即下载

从时间序列数据生成动态趋势图表

Version: 1. 0. 0. 将动画趋势图从时间序列数据中生成. 创建 GIF/MP4 动画, 并带有暗色主题样式和静态概览图像.

功能概述

Version: 1. 0. 0. 将动画趋势图从时间序列数据中生成. 创建 GIF/MP4 动画, 并带有暗色主题样式和静态概览图像.是一项面向实际任务的技能，主要用于Data Format.；Input JSON should h。

核心要点

它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。

使用与执行

从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；

结果检查与注意事项

若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。

chart-animation

版本：1.0.0

基于时间序列数据生成动态趋势图表，输出 GIF/MP4 动画（深色主题样式）及静态概览图。

使用方法

# 从数据生成动画
chart-animation --data  --output 

# 指定自定义选项
chart-animation --data data.json --output ./output --title "Temperature Trends" --fps 15

数据格式

输入 JSON 应符合以下结构：

{
  "metadata": {
    "generated_at": "2026-06-06",
    "source": "your data source"
  },
  "dates": ["2025-06-01", "2025-06-08", ...],
  "series": {
    "Series A": {
      "values": [12.5, 14.2, ...],
      "color": "#E74C3C"
    },
    "Series B": {
      "values": [15.0, 16.8, ...],
      "color": "#3498DB"
    }
  }
}

输出内容

/animation.gif — 动画图表（GIF 格式）
/animation.mp4 — 高质量视频（需系统已安装 ffmpeg）
/overview.png — 静态多面板概览图

功能特性

深色主题：采用专业深色背景，适用于演示场景
多序列支持：最多支持 4 组数据序列，每组使用独立配色
自适应 X 轴：自动格式化日期标签
概览图表：以网格布局分别展示各数据序列
极值标记：在概览图中标注最小值与最大值

依赖项

Python 3.8+
matplotlib
numpy
pillow（用于生成 GIF）
ffmpeg（可选，用于生成 MP4）

安装命令：

pip install matplotlib numpy pillow
# 如需 MP4 支持：
# macOS: brew install ffmpeg
# Ubuntu: sudo apt install ffmpeg

示例

# 生成示例数据
python3 -c "
import json
data = {
  'metadata': {'source': 'example'},
  'dates': ['2025-01', '2025-02', '2025-03', '2025-04'],
  'series': {
    'Revenue': {'values': [100, 120, 115, 140], 'color': '#27AE60'},
    'Cost': {'values': [80, 85, 90, 88], 'color': '#E74C3C'}
  }
}
print(json.dumps(data, indent=2))
" > data.json

# 生成动画
chart-animation --data data.json --output ./charts

命令行选项

选项	默认值	说明
`--data`	必填	输入 JSON 文件路径
`--output`	`./output`	输出目录
`--title`	自动推导	图表标题（若未指定，则从 metadata 中自动提取）
`--fps`	12	动画帧率（每秒帧数）
`--width`	14	图表宽度（单位：英寸）
`--height`	8	图表高度（单位：英寸）