如何将动画添加到 D3 自定义 Radios

Question

我的收音机排列在拱形上。

我想添加一个过渡，将选定的内部蓝点沿拱门滑动到新选定的收音机。

我有一个有效的演示设置。 工作演示

Answer 1

在小提琴中查看解决方案（单击蓝色按钮）：

只需将按钮放在“g”中并通过过渡旋转它：

const button = d3.select("#button");
let angle = 60;

button.on("click", () => {
 angle = -angle;
 button.transition().duration(1000).attr("transform", `translate(${cX}, ${cY}) rotate(${angle})`);
});