example-d3-animation

用途：展示如何将 D3.js 与 Helios 集成，通过 Helios 的帧与时间状态驱动态属性，用于创建图表、图形或数据驱动动画。\n\n主要能力与用法：使用 @helios-project/core 创建 Helios 实例（如 duration 为 5、fps 为 60），通过 d3.select 选择 SVG 元素并绑定数据、建立比例尺。核心模式是用 helios.subscribe() 在每一帧根据 currentFrame 与 fps 计算时间，直接更新 D3 属性；也可用 state.currentFrame / (state.duration * state.fps) 得到 0 到 1 的进度，对数据插值后重新绑定渲染路径。\n\n限制与注意事项：明确要求不要使用 d3.transition()，因为它依赖内部定时器，无法与 Helios 的 seek/渲染周期同步，应始终在订阅回调中直接设置属性。大数据集可考虑使用 Canvas 配合 D3（如 d3-force + Canvas API）替代 SVG 以提升性能。官方文档与页面未提供更多细节；具体平台、收费、价格、效果等暂未提供。