先把数据转换为定制几何,再交给合适的运行时驱动动画。
通过 scale 把抽象数据映射为位置、范围和刻度。
line、area 与 curve 只负责生成 SVG 路径,不接管 React DOM。
D3 提供几何输入,Motion 或原生动画负责视觉过渡。
D3 在 React 项目中的最佳位置不是“整套图表框架”,而是可靠的数据变换与几何工具箱。让 React 持有元素生命周期,再把生成的数值和路径交给 Motion,可以同时保留声明式状态与 D3 的数学能力。