這是一個利用 Python3 的模組 blockdiag: http://blockdiag.com/en/, 將文字敘述轉為 2D 流程圖的範例.
機械設計專題內容流程圖:

機械設計專題隨身卡片電腦規劃流程圖:

機械設計專題內容流程圖的文字敘述:
blockdiag {
default_shape = roundedbox;
// 內定寬度為 128
node_width = 140;
// 內定高度為 40
node_height = 50;
default_fontsize = 15;
default_node_color = "lightyellow";
edge_layout = flowchart;
// 表達方式
表達 [label = "六種表達方式"];
1 [label = "口語表達(聲音)"];
2 [label = "文字表達"];
3 [label = "2D表達(靜態影像)"];
4 [label = "3D表達(動態影像)"];
5 [label = "理論表達(定量分析)"];
6 [label = "實體表達"];
表達 -> 1;
表達 -> 2;
表達 -> 3;
表達 -> 4;
表達 -> 5;
表達 -> 6;
// 學門
學門 [label = "四種技術領域"];
學門1 [label = "熱流力學"];
學門2 [label = "固體力學"];
學門3 [label = "電機電子"];
學門4 [label = "資訊通信"];
學門 -> 學門1;
學門 -> 學門2;
學門 -> 學門3;
學門 -> 學門4;
// 流程
流程 [label = "四個層面"];
流程1 [label = "設計"];
流程2 [label = "製造"];
流程3 [label = "控制"];
流程4 [label = "管理"];
流程 -> 流程1;
流程 -> 流程2;
流程 -> 流程3;
流程 -> 流程4;
//專題
專題 [label = "機械設計專題", stacked];
專題 -> 表達;
專題 -> 流程;
專題 -> 學門;
}
機械設計專題隨身卡片電腦規劃流程圖的文字敘述:
blockdiag {
default_shape = roundedbox;
// 內定寬度為 128
node_width = 140;
// 內定高度為 40
node_height = 50;
default_fontsize = 15;
default_node_color = "lightyellow";
edge_layout = flowchart;
// 表達方式
表達 [label = "六種表達方式"];
1 [label = "口語表達(聲音)"];
2 [label = "文字表達", color="#99ff33"];
3 [label = "2D表達(靜態影像)"];
4 [label = "3D表達(動態影像)"];
5 [label = "理論表達(定量分析)"];
6 [label = "實體表達", color="#99ff33"];
表達 -> 1;
表達 -> 2;
表達 -> 3;
表達 -> 4;
表達 -> 5;
表達 -> 6;
// 學門
學門 [label = "四種技術領域"];
學門1 [label = "熱流力學"];
學門2 [label = "固體力學"];
學門3 [label = "電機電子"];
學門4 [label = "資訊通信", color="#99ff33"];
學門 -> 學門1;
學門 -> 學門2;
學門 -> 學門3;
學門 -> 學門4;
// 流程
流程 [label = "四個層面"];
流程1 [label = "設計", color="#99ff33"];
流程2 [label = "製造"];
流程3 [label = "控制"];
流程4 [label = "管理", color="#99ff33"];
流程 -> 流程1;
流程 -> 流程2;
流程 -> 流程3;
流程 -> 流程4;
//專題
//專題 [label = "機械設計專題", stacked];
專題 [label = "隨身卡片電腦選購", stacked, color="#ff5050"];
專題 -> 表達;
專題 -> 流程;
專題 -> 學門;
}
Comments
comments powered by Disqus