フローチャートの自動間隔

Question

私は最終的に、Flickr APIを使用して一種のフローチャートを生成するプロジェクトに取り組んでいます。あなたはシードタグを供給し、プログラムはそのシードタグを使って、共通のタグを持つ他の関連するFlickr画像を探します...

私はバックエンドのものをすべて稼働させていますが、フォーマット。ここで私はそれがどのように見えるしたいもののscreenieが

...であるここに私の質問ですね。各ブランチの間隔に近づく良い方法はありますか？これは、単に新しいノード（または "ブランチ"）を作成して、既存のどのノードに接続したいかを指定できる機能を持たせたいということです。これはすべていいですが、既存の線やノードと重ならないように、新しいノードをページ上に自動的かつインテリジェントに配置する必要があります。私はこれは一般的なプログラミングの質問のように私はそれをコード化できるプロセスを知っていたかのように思うが、私はJavascript/HTML/CSSでこれをやっています。

私の散歩を明確にするために質問があれば自由に感じてください。

Answer 1

ノード間にスプリングモデルを使用できます。各ノードは、他のすべてのノードに対して反発力を発揮する。すべてのノードが一定回数互いに押し付けられるようにすると、合理的な解決策が思い付きます。あなたはノードが宇宙に飛び散らないようにし、いくつかの同様の状態の間で振動しないようにするために、いくつかの制限を設けたいでしょう。

Javascript/PHPで実装することは、読者の練習として残されています。

代わりに、GraphVizなどのグラフレイアウトプログラムを使用することもできます。

Answer 2

私はあなたのプロジェクトの結果を楽しみにしています。私はgraphvizを使用することについてscomptに同意します。