javascript - 可切换的 D3 和弦图

Question

我想在D3.js中修改以下和弦图，

https://observablehq.com/@d3/chord-dependency-diagram?collection=@d3/d3-chord

单击某个类别会最小化该类别并删除功能区

Answer 1

完成。请点击下面的链接查看演示。本质上，您只需要创建一个更新函数来更新标签、弦和弧，然后向弧添加一个单击事件监听器，该监听器会修改矩阵数据并调用更新函数。添加动画有点棘手，因为您需要在单击圆弧之前和之后在两个状态之间补间矩阵数据。除去数据，200行左右就可以完成。

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

JSFiddle demo