公務用圖表工具
圖表範本取自 github.com/cathrynlavery/diagram-design ・MIT License・Cathryn Lavery
流程圖、甘特圖這種在 Word 裡拉半天還是對不齊的圖, 這裡是填表格產生的。有幾個步驟、哪裡分岔、哪一項做到幾號,你填; 方塊多大、線怎麼連、長條畫多長,程式算。 做完可以下載 Word 檔(圖能在 Word 裡改)、PNG、SVG。
全程在你的瀏覽器裡完成,沒有上傳、沒有後端,資料不離開這台裝置
點下去進到填表畫面,把自己的內容填進去就有圖。 下面的縮圖是照範例內容真的畫出來的——填完你的內容, 得到的就是同一種樣子。
能改的:圖上每一段文字、標題、四個主要顏色、整張圖的字體。 不能改的:方塊的位置與大小——那是範本畫死的。 形狀對不上你的案子時,回上面用填表產生。
關於中文:範本原本是英文的。掛「中文範本」標籤的 46 張(16 種圖), 已經整份改寫成公務情境,打開就是中文。其餘的至少會把圖例、月份、是/否這類固定用字換成中文。 沒有通用中文譯名的專有名詞(UML、Sankey、Wardley 等)刻意留原文——硬翻反而看不懂。
最常被要求的幾種先擺在前面,點下去就是排好的中文圖。
工作項目、日期、名單本來就在 Excel 裡。在 Excel 選一塊(含多欄)複製, 貼進下面的框,一行就是一列。
「存出設定檔」存的是你填的內容(一個小小的 .json),下次載入就接著改, 也可以傳給同事接手。填的內容本來就會留在這台電腦的瀏覽器裡,關掉分頁再開還在。
看一張排好的範本 ——想知道「這種圖長什麼樣子」的時候看,不必照它填。
想自己擺位置? 流程圖還有另一種畫法:畫板——自己拖形狀、自己連線、 自己改大小顏色,線會黏在形狀上。
建議走左邊那條:先在上面填一填讓程式排好, 再搬到畫板微調。從空白開始畫流程圖,跟在 Word 裡拉方塊一樣痛苦。 搬過去之後每一格都拖得動,但不能再搬回填表畫面 (這邊填的內容會留著,隨時可以回來重新產生一次)。
從下面挑一個形狀加進來,拖它到想要的位置。拖角落的小方塊改大小, 點「連線」再點兩個形狀就把它們接起來。線會黏在形狀上, 之後拖動方塊時線會跟著跑。
排版很花時間的話,回填表畫面讓程式先排好, 再搬過來微調。
選取一個形狀之後,可以用方向鍵推一格(按住 Shift 推五格)、 Delete 刪掉、Esc 取消選取。
點畫板上的任何一個形狀,這裡就會出現它的設定。
這個形狀身上的線
畫的東西會留在這台電腦的瀏覽器裡,關掉分頁再開還在。 「存出設定檔」可以帶著走,也可以傳給同事接手。
名單、科室、工作項目通常已經在 Excel 裡了。在 Excel 選一整欄複製, 貼進下面的框按「填入」,會從目前選取的那一段開始依序填(沒選就從第 1 段起)。 一行對一段;一行裡有多欄會併成「甲 · 乙」,不會拆成兩段。
左邊改一格,這裡就跟著變。這裡看到的就是下載到的。 點圖上的文字,左邊的欄位會跟著跳過去。
Word 檔裡的圖可以再編輯:在 Word 裡對圖按右鍵 → 「轉換成圖形」,整張圖就變成可以拖方塊、改文字的 Word 圖案 (需要 Word 2016 以上;舊版與 LibreOffice 只會看到圖片)。 PNG 給簡報用;SVG 是向量檔,放大不糊;HTML 可以離線開、用瀏覽器列印成 PDF。 每一種都會在圖的下方帶一行來源標註。
最省事的是「複製圖片到剪貼簿」:按完直接到 Word 或簡報按 Ctrl+V, 不必先存檔再插入圖片。
改到一半可以「存出設定檔」(一個小小的 .json),下次在同一張範本按「載入設定檔」 就接著改,也可以傳給同事接手。設定檔只記你改了什麼,不含圖檔本身。