7

マインドマップを描くためのアルゴリズムに取り組んでいます。ここでの主なポイントは、ノードをインテリジェントに配置して、重複がなく、見栄えがよくなるようにすることです。例として、次のスクリーンショットを参照してください(MindNodeから):

それがどのように見えるべきか

各ノードが占めるスペースを考慮して、この構造を適切に配置する方法についてのアイデアはありますか?私が調べることができるコード(graphvizよりも少し単純なもの)を知っていますか?

それが現れる前に、私はこのような「物理シミュレーション」アルゴリズム、またはドットのような完成したプログラムを探していません。結局、JSで実装したいのですが、アルゴリズムを理解するためにはどんな言語でも構いません。

4

1 に答える 1

1

CSSだけでこれを行うことができると思います。JS を使用して適切なクラスをノードに与えると、CSS が必要に応じてそれらを配置します。

たとえば、margin: 1em 0 1em 0各ノードに十分なスペースなどを設定できます。

于 2012-04-27T22:49:27.663 に答える