http://mbostock.github.io/d3/talk/20111018/tree.htmlに似たツリー レイアウトとコードを使用しています。
トップダウンの向きに変更しました。各ノードが開かれる/展開されると、他の開いているノードが圧縮されて、すべてが SVG 要素内に収まります。それを防ぐことは可能ですか？各ノードの x コンポーネントを変更することがアプローチになると思いますが、それを達成することはできませんでした。ノードは移動しますが、まだ一緒に圧縮されています。
また、リンク線をベジエから直角/直線に変更する方法も疑問に思っています。おそらく別の質問が必要です。