有什么样的工具可以画类似文明里那种科技树？

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 3093 days ago, the information mentioned may be changed or developed.

类似这样的：

寻找这样的工具的原因是，最近发现这个东西如果用来沟通一些很复杂的事情的时候，很好用。比如用来描述那种有很多复杂依赖的情况，要实现目标 C 那么需要先完成 B，但是完成 B 之前有 A1 和 A2 两个先决条件。

目前试过 draw.io （打开一个文件太纠结了，OAuth 各种跳，只能分享成品，不能多人协作）和 OmniGraffle （比 draw.io 还难用），比较好奇还有没有其他更好用的？

Supplement 1 · May 22, 2018

在 @vindurriel 和 @ynyounuo 分享的链接里发现了一个非常有意思的产品：

http://www.nomnoml.com/

好用

OAuth

工具

复杂

40 replies • 2018-05-26 18:43:04 +08:00

letv

May 22, 2018 via Android

甘特图？

woscaizi

May 22, 2018 via iPhone

没看到图

xycool

May 22, 2018

https://www.processon.com/view/566fd020e4b0227b69ff5c93 like this?

599CharlesLau

May 22, 2018

ProcessOn ？
https://www.processon.com/
好像这个可以，宣传可以实时协作。但我没用过这个功能。

reeco

May 22, 2018 via iPhone

xmind

fanzheng

May 22, 2018

project 啊，甘特图里面有，但是甘特图任务卡片上面好像不能出现文字，不是很熟用 Project

Livid

MOD

PRO

May 22, 2018

@xycool
@599CharlesLau

谢谢，搜了一下之前 V2EX 上对 ProcessOn 的讨论，貌似就是国外的一个叫做 Lucid 的产品。

leemail

May 22, 2018 via iPhone

graphviz 估计颜色要自己改

ynyounuo

May 22, 2018 via iPhone

http://www.nomnoml.com/

hqdmy

May 22, 2018

得找个美工兄弟帮忙

RorschachZZZ

May 22, 2018

xmind

May 22, 2018

@ynyounuo 这个牛 B，不过得熟悉下语法

run2

May 22, 2018

上次看到个很像游戏的 skilltree
https://github.com/352Media/skilltree

q9REUgpVVCU77pWj

May 22, 2018

draw.io 你用 chrome app 版，无比好用，编辑本地文件就好了，自动保存，用上瘾。

vindurriel

May 22, 2018 via iPhone

https://stackoverflow.com/questions/29871554/how-to-generate-dependency-graph-with-text

hoogle

May 22, 2018

PlantUML，有些 markdown 的编辑器支持，比起直接画图，用它直接编辑文本，生成甘特图更方便一点。
演示： https://www.planttext.com

hoogle

May 22, 2018

@hoogle 甘特图应该是 mermaid，md 编辑器看看 cmd

hxsf

May 22, 2018

铁路图？

EdwinGhreiC

May 22, 2018

https://www.processon.com

UnknownR

May 22, 2018

Adobe AI

victor

May 22, 2018

plantuml

imn1

May 22, 2018

这种情况我喜欢 graphviz
因为 edit 的是文本，而不是图本身

BFDZ

May 22, 2018

office 2013 及以后版本都能做出这种图

snsd

May 23, 2018 via iPhone

@BFDZ 有相关教程吗？求关键词

alvin666

May 23, 2018 via Android

mindmanager，很好用，专门画各种图的，流程图，时间图，甘特图

BFDZ

May 23, 2018

@snsd #24 https://i.loli.net/2018/05/23/5b0441e4cc18d.jpg
world 里面的形状 + 文本框，形状里面有各种框、线条，用来画框来连线，文本框可以在任何位置上面插入文字。其实这东西用来画个小型局域网拓扑图，也是足够的。我是学校的计算机课程有教 world+自己摸索，不知道网络上有没有教程

msg7086

May 23, 2018

我们自己的系统里调试的时候绘制任务依赖图，是用的 Graphviz。

elvisyao

May 23, 2018

Livid 老大，OmniGraffle 了解下

wezzard

May 23, 2018

Microsoft Project

Livid

MOD

PRO

May 23, 2018 via iPhone

@elvisyao 看来你没有读正文就回复了，请不要再这样灌水。

elvisyao

May 23, 2018

@Livid 我错了，这几年看电脑太多视力下降厉害，扫了下就看到了前面提到的 draw.io 没留意到后面你也提到了 Omni，不是有心的

NetCobra

May 23, 2018

lz 说的这个不是画图工具，而是项目管理工具；你说的这个应该是“前置任务”的概念。
试试 Microsoft 的 Project。

taxi66

May 23, 2018

Project，填写了资源之后选择网络图显示就可以

sharkrice

May 23, 2018

各种思维导图工具，幕布

sharkrice

May 23, 2018

但我看你描述其实更需要的是一种类似工具流的东西

pheyer

May 23, 2018

附言里说的非常有意思的产品不就是用代码画流程图吗？类似的还有 PlantUML 吧

a87586179

May 23, 2018

Xmind 就有了，思维导图

tutustream

May 23, 2018

Xmind+1

xuboying

May 24, 2018

取决于你不同的需要，请选择不同的图
如果你只是想要表达依赖关系，那么 UML 流程图应该就够了
前面已经提到，有很方便的 http://plantuml.com/screenshot 或者 http://graphviz.org/gallery/ (两者是亲戚）
如果你想表达的更精细一点，比如前者和后者有多少数量的影响关系，你可以试试其他图
http://echarts.baidu.com/examples/#chart-type-sankey
自行 Google “ matplotlib sankey picture ”

如果你的重点是用基于鼠标绘制的工具，那我没什么建议

kzzhr

May 26, 2018

如果不介意线条太丑，graphviz 和 plantuml 这类的可以试试

你需要的写的就是 a->b c->a

然后工具帮你拓扑排序画图

你不用太多鼠标操作，不用太关心界面，用来清理头绪还是挺不错的。