是否有创建“技术树”类型图的软件？

Question

是否有一个好的软件来创建一个“技术树”类型图？

(“技术树”通常是我从文明电子游戏科技树中想到的一个词。但在这里，我会看到与电子游戏无关的完全不同领域的用途。)

我知道我可以用各种图表软件(如draw.io、Visual )中的随机图制作它。)。

但以下是一些有用的东西：

• 当添加一个节点时，其他节点可以以一种可读的方式重新组织(就像我添加了一个新节点，这是对一系列节点的需求，这一系列节点就会被推入.有点像MS项目甘特图，但我不认为甘特图是我要找的。
• 每个节点应该能够具有多个依赖项，并且是多个其他节点的依赖项，并且它们将在“层”中重新组织。我给科技树下定义的另一种方法是一种“反向家谱，但如果一个人可以有两个以上的父母，那么层次就是世代”。
• 很好，但不是所有必需的:每个节点可以有一些额外的属性/颜色/可能有一张图片

问题之后的一些精确性：

• 软件:我指的是已经存在的产品。

Answer 1

如果您要求在您构建的程序中集成库，那么您的问题就太模糊了。一切都是软件。如果你想要一个程序来帮助你坚持你的内容，读下去。

请注意，树是一种更有约束的图形形式。知道图形的软件也同样了解树。

您可能想看看XMind。他们提供了很多模板。添加新节点后，节点将重新排列。有一个免费版本。

另一个特别适合树木生长的是TheBrain (thebrain.com)。它采用了与大多数其他图形渲染器不同的方法。因为除了重要的树之外，所有的树都很大，并且看到所有的节点都是无用的概述，所以这个程序允许您只对一个节点周围的区域进行操作(查看、编辑、添加子节点)，并从一个节点导航到其近邻。你说过你想要节点上的图片。他们掩护了你。再次，看看这个软件的免费版本。

有一些YouTube(大型资源)将帮助您充分利用这些程序的免费版本。我既不是XMind，也不是TheBrain。

Answer 2

如果您愿意进行一些编程，d3.js将启用许多所请求的特性。

简单：“规则”树形图：https://bl.ocks.org/d3noob/8375092

更复杂的:一个完整的“图”图：https://bl.ocks.org/mbostock/ad70335eeef6d167bc36fd3c04378048

多个依赖项要求可能使大多数树布局不符合您的要求。有向无圈图可能是您想要的：https://observablehq.com/@erikbrinkman/d3-dag-sugiyama-with-arrows

由于d3级别相对较低，所以您可以通过编程来执行所有目标。但它还没有准备好作为最终的软件产品使用。

你可以搜索“有向无圈图编辑器”，看看你喜欢什么。d3示例是http://bl.ocks.org/rkirsling/5001347，但同样需要对图像等进行修改。