如何绘制思维导图

Question

我正在研究一种绘制思维导图的算法。这里的要点是智能地排列节点，以便没有重叠，并且看起来很好地分布。作为示例，请参阅此屏幕截图(来自MindNode)：

​

​

考虑到每个节点占用的空间，有关于如何很好地安排这种结构的想法吗？你知道有什么代码可以让我看看(比graphviz简单一点的代码)吗？

在它出现之前，我并不是在寻找像this这样的“物理模拟”算法，或者像dot这样的已完成的程序。最后，我想用JS实现它，但为了理解算法，任何语言都可以。

Answer 1

我想你可以只用CSS来做这件事。为您的节点提供具有JS的正确类，CSS将在必要时安排它们。

例如，您可以在每个节点上设置margin: 1em 0 1em 0，以便它有足够的空间，等等。