跳至主要內容
Lizely

表格圖表製造器

將一小組 CSV 資料轉換為清晰的表格圖表，並下載為 SVG，且不會上傳原始資料。

隱私權：你的檔案不會離開裝置，所有處理均在瀏覽器本機完成。

使用方式

  1. 1.貼上包含一個標題行與 1 至 50 條資料的 CSV，並對包含逗號或換行的細胞加上引號。
  2. 2.點選「產生表格圖表」，並比對解析後的 HTML 預覽與原始資料。
  3. 3.下載已轉義的 SVG，並在最終顯示尺寸下檢查長或寬的細胞內容，再進行發布。

關於表格圖表製造器

表格圖表製造器將一小段以逗號分隔的資料轉為可閱讀的表格，並產生一個獨立的 SVG 圖片，整個過程皆在瀏覽器中完成。貼上標題行後接資料行，產生圖表，檢視 HTML 預覽，並下載可縮放檔案。頁面不會上傳標籤、值、註解、名稱或產生的藝術作品。

CSV 解析器支援逗號、CRLF 或 LF 行尾、帶引號的欄位、引號內的逗號，以及引號內的雙引號。例如 "Ada、A." 會保留在同一欄位，而 "Said ""hello""" 會轉為 Said "hello"。引號欄位必須以引號開頭，且僅能以逗號或換行結束。錯誤的輸入將被拒絕，不會被猜測。

第一筆資料提供欄位標題。每個標題必須包含文字，之後的每一行必須有完全相同的細胞數量。該工具支援兩至十欄，以及一至五十筆資料行。輸入限制為 20,000 JavaScript 字元，每格最多 120 Unicode 字元，以確保 SVG 與瀏覽器佈局在一般裝置上不會超出範圍。

頁面預覽使用真實的 HTML 表格元素，因此標題與細胞仍可選擇，且結構意義完整。這是一種視覺確認解析值的方式，並非電子表格：沒有公式、排序控制、合併細胞、過濾、轉置操作、推論型別、隱藏欄位或自動總計。所有值皆為純文字。

下載的圖片使用 SVG 框與文字。欄位寬度根據各欄最長顯示值估算，並設有最小與最大寬度，以避免過窄或無限擴充套件的欄位。行高為固定值。標題細胞使用獨特背景，交替的內容行則提升視覺追蹤性。長度超過 30 Unicode 字元的顯示值將在圖中截斷，而 HTML 預覽則保留完整解析的細胞內容。

所有插入至 SVG 的字串都會被 XML 轉義。與號、角度符號、引號與單引號會轉換為實體，並取代無效的 XML 控制字元。包含類似指令碼標記的單元格會被顯示為可見文字，而非活躍的標記。預覽是以 React 文位元組點建立，不會將產生的 SVG 傳入文件中。

SVG 包含明確的寬度、高度、viewBox、圖片角色與可存取標籤。它使用常見的系統字型 Arial 與固定色彩，使下載的資產為自包含。這個文件可以在瀏覽器、簡報編輯器、設計應用程式或支援向量圖形的文件流程中開啟，但需符合該軟體對 SVG 的支援。

表格圖表適用於績效看板、排程表、功能對比、小型目錄、價格清單、活動總結、研究快照以及社會媒體圖示，這些情境中精確的文字比趨勢圖更重要。對於數值比較，條形圖或圓餅圖可能更快速傳達數值大小。對於有起始與結束日期的任務，甘特圖可能是更好的呈現方式。

本工具刻意不解析 Markdown 表格、貼入的 HTML、XLSX 工作表、Google Sheets 連結、遠端 URL、JSON 物件、分頁、分號分隔的區域性 CSV，或任意分隔符偵測。這些格式有不同的解析與安全需求。請先將原始資料轉為逗號分隔的 UTF-8 文字，再使用此頁面。

圖表不會保留所有電子表格功能，亦不保證可列印的可讀性。極寬的表格可能需要水平捲動，且縮小的文字在小尺寸嵌入時可能難以閱讀。發布前請檢查拼寫、行對齊、截斷的圖示標籤、目的地的對比度以及最終的物理尺寸。請以原始 CSV 為權威可編輯記錄。

為確保輸出可靠，請先從短小的代表性樣本開始，引用包含逗號或換行的細胞，任何引號內的字面引號請雙重引號，並確認顯示的行與欄數正確。僅在比對所有預覽細胞與原始資料後，才下載 SVG。關閉標籤後不會儲存任何內容。

方法與來源

以狀態機解析最多 20,000 個字元，支援 RFC 風格的逗號分隔、CRLF/LF、引號欄位、內嵌逗號與雙引號；要求包含一個非空的標題列，2–10 等寬欄位，1–50 節內容列，以及每格 120–Unicode 個字元；呈現語義化的 React 表格；預估有界 SVG 欄位寬度；壓縮與截斷圖片標籤；將所有文字 XML 轉義並取代無效控制字元；建立暫時的本機 SVG Blob URL；每次編輯與解除安裝時撤銷過期的 。

常見問題

細胞可以包含逗號嗎？
可以。請將整個細胞包在雙引號內，並以兩個雙引號表示其中的字面引號。
這工具會開啟 Excel 檔案嗎？
不會。它僅支援逗號分隔的文字輸入，且刻意不加入任何工作表解析的依賴。
細胞可以執行 HTML 或 JavaScript 嗎？
不會。預覽細胞為 React 文字，所有下載的 SVG 字串皆為 XML 轉義。
為何在 SVG 中的值比預覽短？
圖片的限制顯示細胞最多僅限於 30 Unicode 字元，以維持欄位的範圍；而 HTML 預覽則保留完整解析的值。

相關工具

產生器 使用指南

查看全部