上位レベルの説明:
AJAX経由でロードしたSVGファイルがあり、d3を使用して要素を操作しています。SVG ファイルはグラフ (ノードとエッジ) を記述し、各ノードには、ノードの説明など、外部ファイルに含まれる一連の補助情報が関連付けられています。一連の AJAX 呼び出しを行うのではなく、SVG ファイルを前処理してこの補助データを含めたいのですが、この情報を含める適切な方法がわかりません。
問題を少し単純化するには、次のようにします。
グラフ内のノードを説明する要素を含むSVG ファイルがあり、SVG ファイルを前処理して、要素にノードの説明と他のノードのリストが含まれる<g>ようにしたいと考えています (このリストには、ノードのインリンクとアウトリンクが記述されています)。<g>グラフのノード)。ここで説明されているようにカスタム SVG 名前空間を作成し、このデータを保持する独自の要素を作成する必要がありますか、それともノード -> 補助情報をリンクする JavaScript ハッシュテーブルを作成する方がよいでしょうか。最終的な目標は、ユーザーがノードをクリックしたときに、この補助情報にアクセスすることです。