這是一個利用 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