公務用圖表工具
圖表範本取自 github.com/cathrynlavery/diagram-design ・MIT License・Cathryn Lavery
流程圖、甘特圖這種在 Word 裡拉半天還是對不齊的圖, 這裡是填表格產生的。有幾個步驟、哪裡分岔、哪一項做到幾號,你填; 方塊多大、線怎麼連、長條畫多長,程式算。下載貼進簽稿或簡報,不必開 Visio。 (長條圖、折線圖 Excel 兩下就有,這裡不必用。)
全程在你的瀏覽器裡完成,沒有上傳、沒有後端,資料不離開這台裝置
點下去進到填表畫面,把自己的內容填進去就有圖。 下面的縮圖是照範例內容真的畫出來的,不是照片——填完你的內容, 得到的就是同一種樣子。
還沒有你要的那一種?下面還有 153 張排好版的範本可以挑, 那些只能換字、不能加減方塊。
填表產生(上面五種):你決定有幾列、每一列寫什麼、哪裡分岔、 日期是幾號;版面由程式算。適合「形狀對不上任何現成範本」——大部分時候都是這樣。
挑現成範本(下面 153 張):方塊的位置與大小是畫死的, 你只能換掉上面的字。適合「剛好有一張長得跟你要的一樣」。
能改的:圖上每一段文字、標題、四個主要顏色。 不能改的:方塊的位置與大小——那是範本畫死的。 中文比英文寬,字太長時本站會自動縮小字級塞進框裡,縮到看不清楚就代表該把字改短。
關於中文:範本原本是英文的。掛「中文範本」標籤的 46 張(16 種圖), 已經整份改寫成公務情境(公文簽辦流程、機關組織與分工、案件狀態流轉、民眾申辦歷程、 跨科室案件流轉…),打開就是中文,改成你自己的案子即可。其餘的至少會把圖例、月份、 是/否這類固定用字換成中文,方塊裡的內容仍是範本自帶的示範資料,本來就要整段換掉。 沒有通用中文譯名的專有名詞(UML、Sankey、Wardley、draw.io 等)刻意留原文——硬翻反而看不懂。
最常被要求的幾種先擺在前面,點下去就是排好的中文圖,改成你的案子即可。
點圖上的文字,下面的欄位會跟著跳過去。這裡看到的就是下載到的。
名單、科室、工作項目通常已經在 Excel 裡了。在 Excel 選一整欄複製, 貼進下面的框按「填入」,會從目前選取的那一段開始依序填(沒選就從第 1 段起)。 一行對一段;一行裡有多欄會併成「甲 · 乙」,不會拆成兩段。
PNG 給 Word 與簡報用;SVG 是向量檔,放大不糊;HTML 可以離線開、用瀏覽器列印成 PDF。 三種都會在圖的下方帶一行來源標註。
最省事的是「複製圖片到剪貼簿」:按完直接到 Word 或簡報按 Ctrl+V, 不必先存檔再插入圖片。
改到一半可以「存出設定檔」(一個小小的 .json),下次在同一張範本按「載入設定檔」 就接著改,也可以傳給同事接手。設定檔只記你改了什麼,不含圖檔本身。