「图」- 图解、图示

更新日期:2020年08月26日
@IGNORECHANGE

Graph、Diagram、Chart

三者的中文意思都可以是图表,而且它们之间界限比较模糊,又是可以互换。但是也有一些小区别:

1)Graph,涵义更为抽象,主要用于说明各种事物之间存在的函数关系,或用于对比,饼图、条形图、曲线图都可以叫做 Graph

2)Diagram,比较具象,用于描述某个物的组成、特征等等。比如,涉及到建筑或机器等实际事物的平面图、分解示意图、网络拓扑图等等,就用 Diagram

3)Chart,主要与坐标有关,可以解释为数据关系图。在海事上都用这个;多半用于展示数据,比如直方图、饼图、折线图等等;而如果拿一个画板,简单地用坐标图描述营收变化与成本或时间的关系等等,一般也用 Chart

总而言之,在日常生活中,Chart 是相对简单的说法,Graph 更专业些,Diagram 侧重于具体事物。

图解种类与绘制工具

人类的创造力真的是太厉害了,任何问题都能创造出解决方案。我们也创造各种各样的图解,用于描述、解决不同的问题。因此我们不能全部梳理,只能梳理出我们用到的图解类型以及对应的工具。

思维导图(Mind mapping)、头脑风暴(Brainstorming)

XMind

网络拓扑图(Network Topology Diagram)

Dia

时序图(Sequence diagram)

SeqDiag

用到的一些工具

当然这不是所有的工具,只是我日常用到的一些。

GraphViz

图解工具,使用DOT语言来生成图解。不像平时使用的思维导图工具,在GraphViz中,你只负责描述关系,GraphViz会为你生成合适的图形结构。

Ditaa - DIagrams Through Ascii Art

Ditaa是一个用Java编写的小型命令行工具,可以将使用ASCII字符(包含似于/ | -字符的图)绘制的图转换为适当的位图图形。官网中的例子很好的说明了最好的说明了Ditaa的作用,也说明了与其他方法相比使用Ditaa的好处。

SeqDiag - Sequence Diagram

时序图绘制软件。
项目首页:http://blockdiag.com/en/seqdiag

Gephi

数据可视化工具。
项目首页:https://gephi.org/

LaTex

文档准备系统。使用纯文本来编写文档。
项目首页:https://www.latex-project.org

XMind

只要用在平时的工作当中。大家也基本都在用这东西。
中文首页:https://www.xmind.cn/

LibreOffice Draw

开源Office软件LibreOffice的Draw软件也能绘制图解。类似于Microsoft Office的Visio软件。

drawio

开源在线绘图
https://github.com/jgraph/drawio

个人体验

下面是我个人的一些看法,并不具有代表性,这些看法通常与个人习惯和需求有关系。

我非常热衷于纸质图解,唯一不好的地方就是修改和维护麻烦。因此就要使用软件工具来解决维护和修改问题。

09/01/2018

在绘制流程图的时候,我不想处理流程图的美观,比如色彩、字体、大小、箭头的样式等等。我希望能够直接表达思路,工具自动帮我完成布局,美观对我来说是次要的。这点用LibreOffice的Draw功能有些困难,因为在那里我需要兼顾控件的摆放,弄不好还会歪歪扭扭的,进行调整过于浪费时间。在这一点上Dia也可以,但是依然不够优秀。虽然XMind在这个时候赢过了前两者,但是还不够。

在这一点上,我选择使用Graphviz,我只需要表达思路,它会自动生成图解。我唯一需要做的就是使用DOT语言来表到思路。

09/02/2018 考虑不周。在我的情景里中,需要对元素进行描述,因此就会由大段的描述性文本。而Graphviz通常用于表述元素的关系,元素名通常都不会很长,对于大段文本的显示并不友好。还是使用XMind了。

09/03/2018 昨晚还是用XMind完成了流程图。

09/28/2018

09/28/2018 网络拓扑图使用LibreOffice Draw进行绘制。嗯,拓扑图就用它了(在Linux下),除非那天发现了更好的替代品。其实Dia也可以,但是觉得LibreOffice更普及一些。

参考文献


ToC

Graph、Diagram、Chart

图解种类与绘制工具

思维导图(Mind mapping)、头脑风暴(Brainstorming)

网络拓扑图(Network Topology Diagram)

时序图(Sequence diagram)

用到的一些工具

GraphViz

Ditaa - DIagrams Through Ascii Art

SeqDiag - Sequence Diagram

Gephi

LaTex

XMind

LibreOffice Draw

drawio

个人体验

09/01/2018

09/28/2018

参考文献