graph easy绘制ascii简易流程图

graph-easy

日常我们经常需要画一些简易流程图,但是如果使用visio等工具来作图,一则略显大材小用,二则图片导出后再要粘贴。相比下,如果可以简单的用一些text的图来表达,则会简单的多。比如这种:

[[email protected] /]# echo ‘[kubectl],[kube-proxy],[kube-scheduler],[kube-controller],[kubelet]->[kube-api]->[etcd]‘ |graph-easy
                        +------------+
                        |  kubectl   |
                        +------------+
                          |
                          |
                          v
+-----------------+     +------------+     +---------+
| kube-controller | --> |            | --> |  etcd   |
+-----------------+     |  kube-api  |     +---------+
+-----------------+     |            |     +---------+
| kube-scheduler  | --> |            | <-- | kubelet |
+-----------------+     +------------+     +---------+
                          ^
                          |
                          |
                        +------------+
                        | kube-proxy |
                        +------------+

这种流程图纯用ascii的符合组合而成,因此称为ascii流程图。本文推荐的graph-easy,就是ascii流程图作图的佼佼者。

graph-easy安装

这里以centos 7为例进行安装。可以从graph-easy官网进行下载包。

//下载安装包
wget https://cpan.metacpan.org/authors/id/S/SH/SHLOMIF/Graph-Easy-0.76.tar.gz
//解决依赖与编译安装
yum install perl perl-ExtUtils-MakeMaker graphviz
Makefile.PL
make test
make install

graph-easy的使用

graph-easy的使用比较简单,官方提供了完整的操作文档。可以参考。

这里我举一些常用的例子,方便大家学习。

hello world

先来一个入门的hello world。

[[email protected] /]# echo ‘[hello]->[world]‘ | graph-easy
+-------+     +-------+
| hello | --> | world |
+-------+     +-------+

graph-easy的语法相对来说比较宽松,[hello]->[world][hello]-->[world],[ hello ]-->[ world ]都是可以的。这里可以根据个人的风格。我比较喜欢紧凑的风格。所以后面都是使用紧凑的方式来做。

线上加个上标

有时候要在连接线上加一个标志说明,比如我想要表明从上海坐车到北京,则可以使用下面的方式:

[[email protected] /]# echo "[shanghai]-- car -->[beijing]" | graph-easy
+----------+  car   +---------+
| shanghai | -----> | beijing |
+----------+        +---------+

画一个环

[[email protected] /]# echo "[a]->[b]->[a]" | graph-easy

  +---------+
  v         |
+---+     +---+
| a | --> | b |
+---+     +---+
[[email protected] /]# echo "[a]->[a]" | graph-easy

  +--+
  v  |
+------+
|  a   |
+------+

多个目标或者多个源

[[email protected] /]# echo "[a],[b]->[c]" | graph-easy
+---+     +---+     +---+
| a | --> | c | <-- | b |
+---+     +---+     +---+
[[email protected] /]# echo "[a]->[b],[c]" | graph-easy
+---+     +---+
| a | --> | b |
+---+     +---+
  |
  |
  v
+---+
| c |
+---+

多个流程在一个图内

[[email protected] /]# echo "[a]->[b]  [c]->[d]" | graph-easy
+---+     +---+
| a | --> | b |
+---+     +---+
+---+     +---+
| c | --> | d |
+---+     +---+

改变图方向

默认图方向是从左到右的。有时候想要从上向下的流程图。可以用标签来调整

[[email protected] /]# echo "graph{flow:south} [a]->[b]" | graph-easy
+---+
| a |
+---+
  |
  |
  v
+---+
| b |
+---+

其他还有诸如改变线型等,就不一一介绍了,可以参考官方文档来学习。

原文地址:https://www.cnblogs.com/xuxinkun/p/9606446.html

时间: 2024-10-28 17:14:19

graph easy绘制ascii简易流程图的相关文章

「ASCII 流程图」工具——Graph Easy

https://juejin.im/post/5a09c43451882535c56c6bbf 「ASCII 流程图」工具——Graph Easy 原文地址:https://www.cnblogs.com/xuxm2007/p/10885813.html

什么是流程图?绘制高颜值流程图小技巧?

不管身处什么岗位,什么职业都会遇到绘制流程图的问题,流程图带来的直观体验不必多说,想必很多朋友都接触过流程图,有时候是在一篇文章里面,有时是在工作报表中,使用流程图的地方是比较多的,那什么是"流程图"?绘制高颜值流程图小技巧有哪些,看完这篇文章你就知道要怎样操作了.1.什么是"流程图"?流程图是一种常见的工作图表,以特定的图形符号加上说明,表示算法的图,称为流程图或框图.流程图主要用来说明某一过程.这种过程既可以是生产线上的工艺流程,也可以是完成一项任务必需的管理过

如何使用在线网站绘制基本的流程图

相信很多朋友都绘制过流程图,但是每个人绘制成功的流程图却不都是精美好看的,下面给大家分享使用在线网站绘制基本的流程图的操作方法介绍,希望可以帮助到大家. ** 绘制工具:迅捷画图 绘制方法: 1.点击选择的迅捷画图网站,进入首页面中的立即体验之后会转入到新建文件页面,在新建文件页面中选择流程图进行新建使用就可以. 2.新建流程图会进入流程图在线编辑页面中,在面板四周是工具栏,列表页一绘制面板这些操作. 3.使用左侧的流程图图形进行搭建,长按鼠标左键按住需要使用的图形,拖拽至右面的编辑面板中松掉鼠

你可能学了假流程图,7步教你绘制知识点汇总流程图

流程图在我们的日常办公中运用的十分广泛,很多人在绘制流程图的时候都说很难,是这样吗,是你绘制的方法不对,还是你的渠道选错了呢?接下来小编将分享绘制知识点总结流程图方法给大家,一定要仔细看完哦! 使用工具:迅捷画图 推荐理由:这是一款国人设计的专业的综合性绘图软件,符合国人的操作习惯,拖曳式操作,小白也能轻松上手,快速画出专业的流程图.软件内有大量的实例模板,精美的配色与设计,可以一键分享到很多平台,也可以导出多种格式进行保存. **实用系数:☆☆☆☆☆ 操作步骤: 第一步:进入迅捷画图官网,点击

C语言流程图生成器的具体操作流程是什么,分享绘制C语言流程图方法

对于编程初学者来说很多人都以为程序设计就是专心的写代码,当接到任务时就开始盲目的对代码进行编写,其实不然,我们可以将整个需要绘制的过程用流程的方式展示出来进行绘制,这样不仅可以理清思路也可以让整个绘制过程变得简单,下面的流程图主要是讲述C语言流程图生成器的绘制方法,希望可以帮助到大家. **C语言流程图生成器-迅捷画图 绘制流程图方法介绍: 1.我们首先要进入到该绘制网站中,在新建文件夹中选择流程图进行新建使用,首先要点击进入画图进行选择. 2.会直接进入在线编辑页面中,如下图所示,在绘制面板中

用canvas绘制一个简易时钟

在见识了html5中canvas的强大,笔者准备制作一个简易时钟. 下面就是成果啦,制作之前我们先分析一下,绘制一个时钟需要做哪些准备. 一 . 1.首先这个时钟分为表盘,指针(时针,分针,秒针)和数字三部分. 2.表盘是个圆,这个简单. 3.绘制指针时,需要先获取到系统时间,然后找到时间和角度的关系. 4.然后利用画圆函数,把起始和终点设为同一角度,即可画出射线(指针).  二. 接下来,我们再分析一下,绘制时钟需要用到的函数. 1.arc(x, y, r, start, stop) x, y

CorelDRAW教程:怎样绘制制作箭头流程图?

箭头流程图主要由矢量图和连接符组成,通过图形之间的顺序阐述的一个过程,应用也是非常广泛,有些软件中会自带流程图,对于CDR这款矢量绘图软件来说,手动制作流程图是简单且高效的.首先CorelDRAW中就为用户提供了多种箭头形状,使用这些箭头形状能够快速制作出各种自己想要的效果,本文,小编就使用CDR中自带的箭头形状,制作矢量箭头流程图,效果也是很不错的. CDR软件下载:http://wm.makeding.com/iclk/?zoneid=20126 步骤1:鼠标左键单击并悬停三秒"多边形工具&

成为专业程序员路上用到的各种优秀资料、神器及框架

最近想着怎么把自己的知识体系进行整理起来,使用思维导图进行描述,对自己以后的发展也有一个更深的认识,更快的提升自己:看到了下面这篇文章,感觉非常实用,从语言到框架都非常全面,自己也可以继续补充,也是对自己知识体系的一个补充吧. 前言 成为一名专业程序员的道路上,需要坚持练习.学习与积累,技术方面既要有一定的广度,更要有自己的深度. 笔者作为一位tool mad,将工作以来用到的各种优秀资料.神器及框架整理在此,毕竟好记性不如烂键盘,此项目可以作为自己的不时之需. 本人喜欢折腾,记录的东西也比较杂

【真正福利】成为专业程序员路上用到的各种优秀资料、神器及框架

转载,原地址:http://www.cnblogs.com/jasondan/p/6380597.html 据说看到好文章不推荐的人,服务器容易宕机!本文版权归翟士丹(Stan Zhai)和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利. 好东西不是随便收集下,发篇博文,骗些点赞的!积累了5年多的东西,是时候放出来跟大家见见面了. 或许有的园友在14年的时候收藏过我的一篇"工欲善其事.必先利其器"的博文,时隔3年,已经