javascript - アクセスライン コードダイアグラム D3

Question

別のチャートにカーソルを合わせたときに、コード ダイアグラムから特定の行をフェードアウトする作業を行っています。「フェード」機能のコードを見ていると、

`function fade(opacity) {
  return function(g, i) {
    svg.selectAll(".chord path")
    .filter(function(d) { return d.source.index != i && d.target.index != i; })
    .transition()
    .style("opacity", opacity);
  };
 }`

そして、誰かが私に d.source.index の意味と d.target.index の意味を説明できるかどうか疑問に思っていました. それがコードのソースであり、コードのターゲットであることは一般的に理解していますが、選択をより適切に操作できるように、「インデックス」の値/意味についてより具体的な洞察を得たいと考えていました。

私の最終的な目標は、ボックスを別の凡例の四角形に重ね、コード ダイアグラムをフェードさせて、凡例のボックスに重ねた色だけが完全な不透明度を維持するようにすることです。