工作方法
chart-animation 构建数字和几何形状都由当前视频帧决定的动态图表。它将数据到像素的比例映射,与帧到变化数值的插值分开处理。当图表库自身的计时器与离线渲染器不一致时,这种区分尤其重要。
文档中的工作流使用 Remotion 渲染输出,并将数据集保存在输入 props 中,涵盖增长的柱状图、数值计数器、折线展开和排名序列。在编码视频或将设计复用于多个数据集之前,先通过渲染静帧核对标签、单位和最终值。
预期交付物
- 帧驱动的 Remotion 图表合成。
- MP4 及可复用的数据集和主题输入。
- 用于检查标签、排名和数值的代表性静帧。
从简报到审查
- 01验证数据映射
明确时间字段、数据系列、单位和值域。使用输入 schema 和默认 props 注册 Remotion 合成,并保持数据集与主题分离。行数决定视频长度时,通过 calculateMetadata 推导时长,避免更换数据集后仍沿用上一段视频的长度。
- 02用帧驱动变化
通过帧时钟计算数值和位置。关闭与之竞争的图表库动画循环,并在取整后格式化显示值。
- 03编码前先检查
使用实际交付的 props 渲染开头、中间和结尾静帧。在渲染完整 MP4 前,检查准确数值、排名变化、标签和比例尺。