用途：在 Remotion 中制作动画数据可视化与信息图，包括动画计数器、柱状图、折线图、饼图/环形图、进度条、SVG 路径，以及 recharts 和 D3 集成。核心原则是图表从第 0 帧动画到 durationInFrames，所有值由 useCurrentFrame() 推导，帧到视觉状态是确定性映射，不依赖 resize 或数据变化重渲染。
主要能力：提供动画计数器、柱状图逐条显现、SVG 折线绘制、饼图/环形图展开等常见模式；支持 recharts 与 D3 计算配合 React 渲染；可用 calculateMetadata 根据数据长度动态计算合成时长。
使用方式：在 Remotion 合成中引入 useCurrentFrame、useVideoConfig、interpolate 等 API 计算进度与数值。使用 recharts 时先 npm install recharts，并用 spring()/interpolate() 预先计算数据值，所有 recharts 组件必须设置 isAnimationActive={false}，因为其内部动画非帧确定性。动态时长示例：calculateMetadata 返回 durationInFrames 与 fps。
适用场景：需要可定位、可重复渲染的动画图表与信息图视频。
限制：recharts 内部使用 requestAnimationFrame 和 DOM 测量，不能依赖其内置动画；资料未提供收费、价格、平台或效果信息。