D3 を使用して力有向グラフに取り組んでおり、グラフに表示されるすべてのノードをグラフ領域の横の別のテーブルに表示しています。表示しているテーブルにチェックボックスがあり、ノードを選択するオプションがあります。
ノードとそれらの間の関係を強調しようとしています。この例からポインターを取得しています選択したノード、そのリンク、およびその子を D3 強制有向グラフで強調表示します。この例は 1 つの特定のノードとその子を対象としていますが、それらの間に何らかの関係がある場合は、複数のノードを強調表示しようとしています。
これに関するヘルプは本当に役に立ちます。
力有向グラフではなく、「ラジアル ハブ アンド スポーク ダイアグラム」(別名「ラジアル ホイール」) を使用していますが、前提は同じである必要があります。この例では、関係は円の弧で表され、関係のノードは弧の両端にあります。この例では、特定のノードおよび/または関係を選択する方法 (つまり、任意のアークまたはノード名にマウスを合わせる)、またはタイプに基づいて多数のノードと関係を同時に選択する方法 (色分けされたタイプ キーにマウスを合わせる) を確認できます。
どちらの選択例でも、図面内の各要素に一意の識別子を割り当てることになります。.attr("class"...) および .attr("id"...) ステートメントを検索することで、これを行う方法を確認できます。このような一意の識別子を割り当てたら、それらを使用して選択の組み合わせを作成できます。.on("mouseover", ...) 関数でこのような選択を実行する方法を確認できます。
ところで、例を bl.ocks.org に投稿していただけませんか? あなたのコードを見ることができれば、あなたを助けるのは簡単です.
これが役立つことを願っています。
私のベスト、
フランク