一個免費的心智圖製作工具,無需註冊,讓任何人都能貼上簡單的縮排大綱,並在不到一分鐘內下載一個乾淨、獨立的 SVG 檔案,整個流程都在瀏覽器中本機執行。大多數繪圖應用程式都需要帳號、電子郵件確認、工作區邀請,或桌面安裝程式,第一個圖案才會出現在畫布上。一個無需註冊的瀏覽器工具消除了所有這些步驟,因此整個流程變成:輸入、產生、下載。因為解析器、版面配置引擎和 SVG 序列化器都在當前的分頁中執行,大綱永遠不會離開裝置 — 遠端伺服器上沒有專案檔案等著被駭客入侵、外洩,或悄悄被重複使用。這種零摩擦加上零上傳的組合,正是讓這種方式適用於一次性規劃會議、課堂練習,以及快速的利害關係人簡報的原因,因為在這些情況下,安裝軟體或記住另一組密碼所帶來的摩擦,比這張圖本身還要大。
對於已經習慣以巢狀大綱思考的讀者 — 例如會議議程、章節拆解、產品分類、學習筆記 — 製作心智圖的最快路徑是完全跳過以滑鼠操作的畫布,直接轉換他們已經擁有的那份大綱。本文接下來會逐步說明,免費無需註冊的心智圖製作工具是如何完成這個轉換、縮排規則在實務上的真正意涵,以及哪些工作是這種確定性的大綱轉 SVG 風格擅長處理的。

為何無需註冊的瀏覽器工具適合快速的心智圖工作
三項特性讓無需帳號、在瀏覽器中執行的的心智圖工具與代管的繪圖服務有所不同。首先,沒有註冊門檻:沒有電子郵件、沒有驗證連結、沒有驗證碼、也沒有「使用 Google 帳戶繼續」的提示擋在畫布前面。讀者可以開啟頁面、貼上大綱,在歡迎信件寄達之前就讓圖表出現在下載資料夾中。其次,沒有需要管理的持續性專案。大綱存在文字區域中;SVG 存在下載的檔案中。沒有雲端工作區、沒有版本歷史,也沒有什麼需要在離開時記得刪除的東西。第三,全程任何時候都沒有上傳。解析、深度指派、版面配置、預覽和下載,都是在存放該文字區域的同一個瀏覽器分頁內,針對本機的 Blob URL 執行的。
這些特性對幾種常見情境很重要。發學習單圖表的教師不會希望三十位學生必須先註冊帳號才能看到那張圖。在客戶筆記型電腦上起草投影片的顧問,不會希望把客戶的分類法上傳到客戶從未核可的第三方工作區。注重隱私、正在檢視自己筆記的讀者,並不希望一個遠端服務為他畫的每一條分支建立索引。在每一種情況下,正確的解都是一款工具,能把讀者已經掌控的大綱轉換成讀者已經擁有的影像。
三步驟將大綱轉換為心智圖
從一份純文字縮排大綱製作圖表的最快方式,是貼上大綱、點擊單一按鈕,然後下載 SVG。以下三個步驟涵蓋了完整流程,包括解析器在按鍵與預覽之間實際進行的動作。
- 將大綱貼入文字區域。從最左邊邊界 — 沒有前置空格、沒有 tab — 的根行開始。在它下方,子行使用精確兩個空格或精確一個 tab 來縮排每一層巢狀層級。解析器在計算深度之前會先忽略空行並統一換行符號,因此從筆記應用程式複製的清單通常都能乾淨地貼上。行首常見的項目符號(-、*、+)會在讀取縮排後被移除,因此像 "- Sprint planning" 這種核取方塊風格的大綱仍會產生乾淨的標籤。
- 選擇「產生心智圖」。工具會讀取縮排、推導每一行的深度,並將每個縮排行指派給前一層中最近的節點。更深的節點以固定的欄距向右移動,列維持原本的大綱順序,並以三次方貝茲曲線 SVG 路徑連接每個父節點方框與每個子節點方框。預覽畫布會自動展開以容納每個產生的節點,因此圖表右側邊緣不會被裁切。
- 檢查預覽,然後下載 SVG。在螢幕預覽中走查一次父子連線。當結構看起來正確時,點擊下載控制項,將單一 .svg 檔案儲存到您的裝置。下載是從一個可撤銷的本機 Blob URL 產生的,而編輯大綱會使先前的結果失效,並自動釋放該 URL。請保留原始大綱作為可編輯的來源,因為匯出的 SVG 是簡報用的成品,而不是可往返編輯的專案檔案。
一個簡單的容量檢查有助於想像一張圖能容納多少內容。解析器最多接受 80 個非空節點,每個標籤最多 120 個字元。80 個節點 × 每個標籤 120 字元 = 9,600 字元的標籤文字,這低於 12,000 字元的總大綱上限。換句話說,讀者可以為每個節點填入最長長度的標籤,同時仍讓大綱舒適地落在解析器的硬性限制之內。
解析器強制執行的縮排規則
確定性的版面配置依賴一套嚴格的縮排規則。略過一層、在同一段前置空白中混用 tab 與空格、或縮排第一個非空行,都會讓父子關係變得含糊,因此解析器會直接拒絕這些輸入,而不是去猜測。以下規則與產生器在解析時檢查的規則相同。
| 規則 | 解析器強制執行的值 |
|---|---|
| 第一個非空行 | 不得縮排 — 此行成為根節點 |
| 每層縮排 | 精確兩個空格 或 精確一個 tab |
| 同一段前置空白中混用縮排 | 拒絕 — tab 與空格不能在同一段前置空白中共存 |
| 略過層級 | 拒絕 — 每個巢狀行必須恰好比其父層深一層 |
| 大綱總大小上限 | 12,000 字元 |
| 非空節點數上限 | 80 |
| 每個標籤的字元數上限 | 120(超過的標籤會被拒絕) |
| 空行 | 忽略 |
| 換行符號 | 在讀取深度之前於本機統一 |
| 項目符號(-、*、+) | 在讀取縮排後從標籤中移除 |
這些嚴格的規則正是讓父子關係具有確定性的原因。讀者貼上從筆記應用程式複製來的 40 行大綱,每次都會得到同一張圖,因為深度的計算方式相同,而每個縮排行會附加到前一層中最近的節點。輸出中不會出現「工具決定把這條分支放在左邊」這種意外。想要參考一個實際語法範例的讀者,可以把自己的大綱與心智圖製作工具語法與限制速查表進行比對。
SVG 檔案中包含與排除的內容
下載的 SVG 刻意是簡報用的成品,而不是可編輯的專案。每個標籤在進入檔案前都會經過 XML escape,因此 & 符號、角括號、引號和撇號都會以純文字呈現,而不會被解讀為標記。檔案只包含簡單的形狀:用於節點方框的矩形、用於連接每個父節點與子節點的三次方貝茲曲線 SVG 路徑,以及用於標籤的文位元組點。畫布會展開以容納完整的圖表,而節點位置會保持穩定,因為它們來自深度與來源順序,而不是任何執行階段的力導向模擬。
| 下載的 SVG 中包含 | 下載的 SVG 中刻意排除 |
|---|---|
| 節點方框的矩形 | JavaScript 或 script 標籤 |
| 父子連接器的三次方貝茲曲線 SVG 路徑 | foreignObject 元素 |
| 存放經 XML escape 之標籤的文位元組點 | 外部影像參考 |
| 由深度與大綱順序衍生的穩定位置 | 遠端字型參考 |
| 尺寸擴及每個產生節點的畫布 | 網路請求、遙測或分析端點 |
| 在任何 SVG 檢視器中皆可開啟的獨立向量內容 | 拖曳控制代碼、中介狀態,或專有的心智圖格式資料 |
排除 script、foreignObject 元素和遠端字型,正是讓 SVG 能在瀏覽器、簡報工具、向量編輯器和電子郵件用戶端中安全開啟,而不會觸發內容安全政策旗標的原因。根據 MDN SVG 教學,SVG 規格支援 foreignObject 和可執行的內容,但這些特性同時也正是允許影像中藏匿行為的機制。透過將輸出限制在純粹的形狀與文字,下載的檔案在進入的任何檢視器中都會表現為靜態資源。支援預覽與下載的 Blob URL 生命週期也遵循相同的原則 — 當大綱變更時,先前的 URL 會被撤銷,這與 MDN Blob 介面文件中記載的行為一致。
確定性的大綱轉 SVG 何時是合適的選擇
對於規劃或溝通用途的成品,確定性的大綱轉 SVG 轉換器通常是最快的選擇。以巢狀清單形式貼上的衝刺啟動議程,會變成一張利害關係人可以放進投影片的單一圖片。從文書處理器貼上的章節大綱會變成一份學習單,無需啟動繪圖工具。從產品規格貼上的分類法則會變成單頁可一目了然的概覽。在所有這些工作中,來源本來就以文字形式存在,目標是一個可檢視的成品,而閱聽對象需要的是閱讀這張圖,而不是編輯它。
對於規模較大的工作,取捨會有所不同。如果圖表需要拖放重新定位、執行階段的分支收合、具名游標的即時協作,或一個能以所有位置完整保留重新開啟的來回專案檔,則這種風格的工具屬於錯誤的類別。解析器是一個一次性的大綱讀取器;它不會儲存專案、拖曳節點,或匯入專有的心智圖格式。擁有 300 個節點的知識圖、需要親手微調方框位置的自由空間佈局、具有完善 ARIA 結構的可親近語意文件,或為期數週的協作規劃專案,這些都應該改用專門的繪圖應用程式。
正確解讀這些限制,正是讓這款工具在其真正定位的領域中保持實用的關鍵:快速、私密、單次工作階段的大綱轉影像轉換。貼上大綱、產生、下載,把 SVG 貼到目的地。這就是完整的工作流程,而這也正是「無需註冊、在瀏覽器中執行」會出現在像這樣的搜尋查詢中的原因。已經習慣以縮排文字思考的讀者,不需要帳號就能將他們已寫下的內容視覺化 — 他們需要的是一款尊重他們所輸入結構的轉換工具。
如果您正在權衡各種選項,《Table Chart Maker 是否能開啟 Excel .xlsx 檔案?》對此有詳細說明。