如何用图框和线条表达逻辑
矩形和线条,可以展现一切
箭头
试一试:如何用矩形和线条表达这句话?
武松是潘金莲的搭档
1.没有箭头
graph LR
A[武松]---|搭档|B[潘金莲]
这种没有箭头的线条,常用表示双方有++协调/友好/血缘/合作++等关系
graph LR
A[隆江猪脚饭]---|合作关系|B[饿了么]
C[宋江]---|死党|D[武松]
2.双向箭头
而双向箭头的线条,常表示双方有++对立/竞争关系++
graph LR
A[武大郎]-->|情敌|B[西门官人]
B-->|情敌|A
graph LR
A[华为]-->|竞争对手|B[苹果]
B-->|竞争对手|A
graph LR
A[王者荣耀]-->|对立|B[学习]
B-->|对立|A
有双向关系自然就有单向关系
单向箭头的线条
可以表示一方对一方的
++供给,命令,服务,条件,转换++等
- A向B提供了商品或服务
- A向B下达了命令
- A在C的条件下变成B
- 从地点A可以使用工具(C)到达地点B
graph LR
A-->|C|B
练习一下:如何用矩形和线条表达些话?
如果有房子我一定可以脱单
从上海坐G520可以到深圳
现在晴天过2个小时会下雨
小林给我发了封邮件
从幼齿到成熟的转变也许只要一双高跟鞋
graph LR
A[单身狗]-->|深圳买房|B[有对象]
C[上海]-->|G520|D[深圳]
E[晴天]-->|2小时后|F[倾盆大雨]
G[基佬林]-->|邮件|H[我]
3.顺序递进
箭头还可以轻松表达按照顺序递进的关系
graph LR
A[青铜]-->|打排位|B[白银]
B-->|打排位|C[黄金]
4.反向箭头
如果用两个反向箭头呢?
试一试:潘金莲用红手帕和西门官人交换了玉观音
graph LR
A[潘金莲]-->|红手帕|B[西门官人]
B-->|玉|A
这种两个方向箭头的代表“交换”和“移动”
- A和B之间进行C和D的交换
- A向B提供商品或服务C,B支付费用D
- A向B下达命令C,B向A报告D
- A的下一步是B,并且再返回到A
- 从地点A可以使用工具C到达地点B,B用D返回A
graph LR
A-->|C|B
B-->|D|A
练一练:用矩形和两个反向箭头表达上面这些句子
去大理旅行,过去坐火车,回来坐飞机
林总下发任务给我,我给林总上交报告
graph LR
A[深圳]-->|火车|B[大理]
B-->|飞机|A
graph LR
A[林总]-->|任务|B[我]
B-->|报告|A
graph LR
A-->B
A
4.箭头归纳
箭头代码 | 名称 | 释义 |
---|---|---|
无箭头 | 双方协调/友好/血缘/合作等关系 | |
–> | 单箭头 | 一方对另一方的供给,命令,服务,条件,转换等,顺序递进关系等 |
无 | 双向箭头 | 双方有对立竞争关系 |
A–>B,B–A | 两方向箭头 | 代表”交换”和“移动“ |
练习:请用矩形和线条把这些人物关系表示出来?
东汉末年分三国,有曹孟德,孙仲谋,刘皇叔三股邪恶势力,仲谋有个将领周瑜,还有个妹妹孙尚香,刘关张曾结拜为兄弟,并三顾茅房请来了诸葛村夫,孔明有个朋友叫赵云,是刘皇叔的武将
graph LR
A[刘皇叔]-->|敌对|B[孙仲谋]
B-->|敌对|C[曹孟德]
C-->|敌对|A
A-->|敌对|C
B-->|敌对|A
C-->|敌对|B
B---|兄妹|D[孙尚香]
B---|上下级|E[周瑜]
F[关羽]---|结拜|A
G[张飞]---|结拜|A
F---|结拜|G
H[孔明]---|上下级|A
H---|基友|J[赵云]
J---|上下级|A
线条
线条可以按箭头分,线条本身也是有很多不同的
1.线条归纳
线条代码 | 释义 |
---|---|
实线 | |
-.- | 虚线 |
无 | 波浪线 |
== | 粗线 |
无 | 多头线 |
2.虚线
我们可以用虚线表示”过去“或者”将来德关系“
小芳曾经暗恋小林
graph LR
A[小芳]-.->|暗恋|B[小张]
小芳曾经跟我是同学
graph LR
A[小芳]-.->|同学|B[我]
林总计划收购B公司
graph LR
A[林总]-.->|计划收购|B[B公司]
3.波浪线
我们还可以用波浪线表示关系的”复杂“或”曲折“
无
4.粗细线
粗线条和细线条可以有很好的==对比作用==
可以表示关系的++强弱,主次++
A和B有较强的关系,和C有较弱的关系
graph LR
A==>B
A-->C
王者荣耀定位于低龄化产品
graph LR
A[王者荣耀]==>|70%|B[18岁以下用户]
A-->|30%|C[20岁以上用户]
==表示主次== 这里的粗线表示主线流程
graph LR
A1==>A2
A2==>A3
A3==>A4
A2-->B
A3-->C
D-->A3
5.多头线
多头线,可以表示包含关系,业务流程,组织层次
无
- B的组成元素是A,C,D,F
- 为了实现B,应满足A,C,D,F这些条件
- B的起因是因为A,C,D,F
- 因为有B,所以有了A,C,D,F
graph LR
B---A
B---C
B---D
B---F
举个例子
graph LR
B[电脑]---A[显示器]
B---C[主机]
B---D[键盘]
B---F[鼠标]
graph LR
B[年龄段划分]---|>50岁|A[老年]
B---|>25岁|C[中年]
B---|>14岁|D[青年]
B---|<14岁|F[儿童]
图形
既然线条可以变,图框也是可以变得
不仅用矩形,还可以用圆形,菱形,三角形
当一段话中,有多个种类的实体时,就可以用不同图形来区分
1.游戏流程图
练一练:
要完成这个game,你需要5min内到达第2关,那里的==店长==会给你一个++胸牌++,第3关后用胸牌和==守卫==换取++钥匙++,在去第4关的路上找到可以用钥匙打开的++宝箱++,把宝箱交给在4关关底等你的==王子==?
这里矩形代表地点,原型代表人物,菱形代表物体
graph LR
A[第1关]==>B[第2关]
B==>C[第3关]
C-->|钥匙|G{宝箱}
C==>D[第4关]
E((店长))-->|胸牌|B
C-->|胸牌|F((守卫))
F-->|钥匙|C
D-->|宝箱|H((王子))
2.入职流程图
graph LR
A[IT部门/行政部]-->|员工工号|B((KS-F3))
B-->|电话机/电脑|A
B==>C((U66-F1))
C==>D((U66-F3))
E[前台]-.->|"门卡(3天后)"|C
C-->|申请表|E
D-->|签合同|F[项目经理]
F-->|工作介绍|D
H[HR]-.->|员工工号|B
D-.->|签合同|H
3.日记流程图
练一练:
上周收到了==某分享会==的邀请函,今天早上去==小红家==会合,一起搭地铁去了现场,用邀请信兑换了大礼包,我还看到了黎明,用钢笔换了一张黎明的签名明信片,活动结束后去有一家==酒店==参加了小刘的婚礼,见到了很多老同学,吃了很多美食,真是丰富的一天
graph LR
A[home]==>|Walk|B[xiaohong home]
B==>|by underground|C[Sharing session]
C==>|taix|D[Hotel]
D-->E((wedding))
D-->F((homecoming))
D-->G((cate))
D-->|by taxi&Fireworks show|A
C-->|pen|H((liming))
H-->|postcard|C
C-->|Invitation|J((usher))
J-->|Spree|C
C-.->|Invitation|A
K((me))---|Friend|L((xiaohong))