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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2379 天前的主题，其中的信息可能已经有所发展或是发生改变。

类似这样的：

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

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

第 1 条附言 · 2018-05-22 22:57:21 +08:00

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

http://www.nomnoml.com/

好用

OAuth

工具

复杂

40 条回复 • 2018-05-26 18:43:04 +08:00

letv

2018-05-22 18:13:01 +08:00 via Android

甘特图？

woscaizi

2018-05-22 18:13:08 +08:00 via iPhone

没看到图

xycool

2018-05-22 18:17:47 +08:00

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

599CharlesLau

2018-05-22 18:18:00 +08:00

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

reeco

2018-05-22 18:26:09 +08:00 via iPhone

xmind

fanzheng

2018-05-22 18:27:26 +08:00

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

Livid

MOD

2018-05-22 18:29:42 +08:00

@xycool
@599CharlesLau

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

leemail

2018-05-22 19:03:41 +08:00 via iPhone

graphviz 估计颜色要自己改

ynyounuo

2018-05-22 19:15:52 +08:00 via iPhone

http://www.nomnoml.com/

hqdmy

2018-05-22 19:22:09 +08:00

得找个美工兄弟帮忙

RorschachZZZ

2018-05-22 19:24:20 +08:00

xmind

2018-05-22 19:44:38 +08:00

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

sobigfish

2018-05-22 19:49:37 +08:00

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

q9REUgpVVCU77pWj

2018-05-22 20:27:36 +08:00

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

vindurriel

2018-05-22 21:02:50 +08:00 via iPhone

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

hoogle

2018-05-22 21:11:40 +08:00

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

hoogle

2018-05-22 21:19:10 +08:00

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

hxsf

2018-05-22 21:25:01 +08:00

铁路图？

EdwinGhreiC

2018-05-22 21:27:30 +08:00

https://www.processon.com

UnknownR

2018-05-22 21:29:35 +08:00

Adobe AI

victor

2018-05-22 21:34:45 +08:00

plantuml

imn1

2018-05-22 22:58:04 +08:00

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

BFDZ

2018-05-22 23:50:46 +08:00

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

snsd

2018-05-23 00:03:38 +08:00 via iPhone

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

alvin666

2018-05-23 00:19:48 +08:00 via Android

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

BFDZ

2018-05-23 00:24:12 +08:00

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

msg7086

2018-05-23 00:28:13 +08:00

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

elvisyao

2018-05-23 02:03:26 +08:00

Livid 老大，OmniGraffle 了解下

wezzard

2018-05-23 02:29:57 +08:00

Microsoft Project

Livid

MOD

2018-05-23 02:32:41 +08:00 via iPhone

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

elvisyao

2018-05-23 03:19:11 +08:00

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

NetCobra

2018-05-23 04:20:28 +08:00

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

taxi66

2018-05-23 07:55:29 +08:00

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

sharkrice

2018-05-23 08:30:46 +08:00

各种思维导图工具，幕布

sharkrice

2018-05-23 08:31:45 +08:00

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

pheyer

2018-05-23 09:03:43 +08:00

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

a87586179

2018-05-23 13:47:40 +08:00

Xmind 就有了，思维导图

tutustream

2018-05-23 14:05:56 +08:00

Xmind+1

xuboying

2018-05-24 12:27:21 +08:00

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

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

kzzhr

2018-05-26 18:43:04 +08:00

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

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

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

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