可切换的 D3 和弦图

Question

我想修改一下D3.js,

中的和弦图

点击某个类别会最小化该类别并移除色带

Answer 1

完成。按照下面的link观看演示。本质上，你只需要做一个更新函数来更新标签、弦和弧，然后给弧添加一个点击事件监听器来修改矩阵数据并调用更新函数。添加动画有点棘手，因为您需要在单击圆弧前后的两种状态之间补间矩阵数据。除去数据，200行左右还是可以搞定的。

const update = () => {
    update_chord();
    update_arcs();
    update_ribbons();
};

Toggle-able D3 chord diagram