带移动标记节点的钟表式径向播放

这个示例构建了什么

这个示例把一个 relation-graph 转成了类似钟表的径向展示。一个较大的中心节点作为枢纽，六十个带编号的圆形节点构成外环，另一个独立的半透明标记节点每隔 500 ms 沿着各条辐条依次移动。

这个查看器没有暴露本地控制或编辑工具。它的主要行为是自动播放：图在挂载时自行加载，居中画布，缩放到适应视口，然后在六十个位置之间推进，同时让当前激活的辐条保持已选中的视觉状态。

最值得注意的细节是，这个动画并不是通过每一步都重建整张图来实现的。相反，代码会保持这些编号节点固定不动，只移动一个专用的标记节点，并在播放推进时更新中心节点的自定义数据。

数据是如何组织的

图数据是在 initializeGraph() 内部、setJsonData(...) 执行之前以内联方式组装的。初始数据集包含一个根节点，带有 width: 100、height: 100 和 data.percent = 0。随后一个循环会创建节点 1 到 60，并为每个编号节点添加一条从 root 指向它的连线，从