ここに私の要件があります:
人のさまざまな表現間のリンクの視覚化を作成する必要があります。下の画像は、それをかなり明確に示していると思います。
さらに、これらの長方形には、人物の表現に関するデータ (人口統計や場所など) も含まれます。また、一種の管理ツールとして、ボックスまたはそれらの間のリンクをクリックしたときにイベントを処理できる必要があります (たとえば、リンクをダブルクリックして削除するか、それらの線に沿った何か)。同様に重要なことは、人数とリンクの数が変化するため、画像が示すようにほぼ等間隔で人物を配置して表示する必要があることです。
これを達成できるJavaScriptライブラリは何でしょうか? 私はいくつかの調査を行いましたが、これをきれいに実行できるものをまだ見つけていませんが、それらのライブラリの専門家はほとんどいません。
ここに私が見たものがあります:
Arbor js : グラフの間隔とリンクを動的に作成できますが、すべてのビジュアルをレンダリングする責任があり、リンクをクリックするなどのフックは実際にはありません。
jsPlumb : 要素間の接続を簡単に作成し、十分にうまく描画しますが、レイアウトの問題には対処していないようです。画面に何人いるかわからないので、それらを等間隔に配置できなければなりませんが、それは jsPlumb の問題ではないようです。
D3.js : これにより、必要な間隔で適切な視覚化が作成されますが、各ノード内のデータを表示したり、リンクやボックスでマウス イベントなどを行う方法がわかりません。
私は少し迷っているので、誰かが私を助けることができる何かを教えてくれることを望んでいます.