javascript - コード ダイアグラムでの D3.js 点滅アーク

Question

コード ダイアグラムがあり、特定のアークでマウスをコードからコード (アークからアークではなく) に移動すると、すべてのコードが点滅していることがわかりました。アークから別のアークに移動するのではなく、単に同じアークにとどまりますが、点滅しています。「イエメン」にいるときにフィドルをこの例と比較し、マウスをコードからコードに移動すると（イエメンで）、他のコードは点滅しません。しかし、私のダイアグラムでは、アーク「MB」としましょう。マウスを動かすと、他のすべてのコードが点滅します。

  g.append("svg:text")
  .attr("x", 6)
  .attr("dy", 15)
  .filter(function(d) { return d.value > 110; })
  .append("svg:textPath")
  .attr("xlink:href", function(d) { return "#group" + d.index + "-" + j; })
  .text(function(d) { 
    if (d.value<5000){return "";}
    return array[d.index].name; });
  }, remove_first_diagram());

  var chordPaths = svg.selectAll("path.chord")
    .on("mouseover", function (d) {
      //console.log('mouseIn');
    })
    .on("mouseout", 
      function (d) { 
        //console.log('mouseOut');
       });

  function mouseover(d, i) {
      chordPaths.classed("fade", function(p) {
        return p.source.index != i
            && p.target.index != i;
      });
    }