ユーザーが子ノードを追加/編集/削除でき、変更が別のパネルにツリー構造として表示される機能を開発する必要があります。ツリー構造を表示するには、D3js ツリー レイアウトを使用する予定です。
しかし、d3.js、json、svg、canvas などのテクノロジーについてはまったくの初心者です。
ツリーを操作するにはどうすればよいですか?
ノードがクリックされたときにクリック イベントを取得するにはどうすればよいですか?
新しいノードの追加/編集/削除を動的に表示するにはどうすればよいですか?
初心者向けのチュートリアルも大歓迎です。
ありがとう。
d3.JS サイトには、サイトをナビゲートすることで見つけることができる非常に優れたチュートリアルが多数あります。視覚化の例もたくさんあります。
ただし、ここから始めるのが良いでしょう。スコット・マレーは、この主題についての深い理解と、この理解を他の人に伝える生来の能力の両方を持っています.
http://alignedleft.com/tutorials/
SVG、.data()、および JSON について説明している彼のチュートリアルを読んでみてください。
非インタラクティブなツリー マップ コードは次のとおりです: http://msug.vn.ua/content/d3js/examples/tree/ tree.js の下にあります。
そのコードまたはチュートリアルについて質問がある場合は、以下にコメントしてください。回答を試みます。