1. 程式人生 > >有道雲筆記中用圖框和線條表達邏輯

有道雲筆記中用圖框和線條表達邏輯

如何用圖框和線條表達邏輯

矩形和線條,可以展現一切

箭頭

試一試:如何用矩形和線條表達這句話?
        武松是潘金蓮的搭檔

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))