折線圖製作工具將一組簡短的標籤化數值資料列轉換成乾淨、可下載的 SVG 折線圖，只需三個動作:輸入標題、以「標籤,數值」格式貼上資料列、產生圖表,然後下載獨立的 SVG 檔案。所有解析、座標計算、預覽繪製與下載建立都在當前瀏器中完成,因此輸入的資料集絕不會離開您的裝置。此工具每張圖表最多可處理 200 列非空資料列,接受任何位於 1e12 數量級以內的整數、小數、有號數值、零或科學記號表示法組合,並在結果旁邊分別報告被略過的無效資料列與超出上限的資料列。每列的標籤依輸入順序排列於水平軸上,線性的垂直刻度則從最小值延伸到最大值,相鄰的點以線段相連,讓方向與順序一目了然。由於圖表使用根據資料列順序等距分布的水平位置,標籤不會被解讀為日期、帶有測量距離的類別,或數值型的 x 座標;當不均勻的時間間隔或測量所得的 x 距離很重要時,使用其他繪圖工具會更合適。
何時這個工作流程符合您的任務
搜尋將折線圖轉換為資料的方法的人,通常有兩種目標之一:從現有的圖表影像中擷取數字,或是將小型資料集轉換成乾淨、可分享的圖表,方便放入簡報、文件或報告中。折線圖製作工具是為第二個目標而設計的。它非常適合用於點的順序很重要,且連接線能讓變化方向更清楚的排序測量序列,例如每月總和、每週檢核點、實驗讀數、專案里程碑、課堂範例或簡單的績效報告。它並非設計用來從掃描或拍攝的圖表中還原資料;輸入的是逐列輸入的「標籤,數值」資料,而非現有折線的點陣影像。對於圖表數位化的工作,需要使用獨立的光學辨識工具;對於應該呈現為折線的排序數值資料集,這個工具是快速且保護隱私的絕佳選擇。
輸入格式與解析器限制
解析器套用一條簡單的規則:非空資料列上最後一個逗號,會分隔其標籤與數值。這讓像是「New York, East」這類標籤即使包含較早的逗號,也能正確解析。空白的資料列會被忽略,因此您可以為了閱讀方便而加入空行。每個數值必須是有限的、嚴格的小數或科學記號表示法數字,其數量級需小於或等於 1e12;空白的標籤、格式錯誤的數字、Infinity 以及超出範圍的數量級都會被拒絕,並計為無效,而不會繪製在圖上。輸入的總字元數上限為 50,000 個 UTF-16 程式碼單位,且每張圖表最多處理 200 列非空資料列,以維持瀏覽器互動的流暢度。超出該上限的資料列會被略過,並與無效資料列的計數分開報告,因此您隨時都能清楚看到實際用於繪製折線的內容。至少需要兩個有效點,因為單一點無法形成線段。
可接受輸入的快速參考
| 屬性 | 可接受的值或行為 |
|---|---|
| 資料列分隔符號 | 非空資料列上的最後一個逗號 |
| 標籤內容 | 任何文字,包括較早出現的逗號;空白的標籤為無效 |
| 數值格式 | 整數、有號、小數、零、科學記號表示法,例如 3.4e2 |
| 數值限制 | 有限且數量級在 1e12 以內;Infinity 為無效 |
| 空白資料列 | 忽略 |
| 輸入總量上限 | 50,000 個 UTF-16 程式碼單位 |
| 每張圖表的資料列數 | 最多處理 200 列非空資料列 |
| 略過項目的報告 | 無效資料列與超出上限的資料列分別計算 |
| 最少點數 | 至少需要兩個有效點 |
將標籤化的資料轉換為 SVG 折線圖
這個轉換流程非常專注:標題、資料、產生、下載。整個流程都在您的瀏覽器中進行,無需上傳,也不涉及任何帳號。如果您的數字已經存放在 Excel 中,「在不上傳的情況下,將 Excel 資料轉換為折線圖的指南」介紹了同一個工具,並提供了適用於試算表的複製貼上步驟。
- 在瀏覽器中開啟折線圖製作工具。
- 輸入一個簡潔的圖表標題來描述該序列,例如「Monthly Active Users」或「Lab Temperature, June 1-7」。
- 使用「標籤,數值」的格式,每列輸入一個資料點,例如「January, 124」或「Jan 1, 3.4e2」。只要數值放在最後一個逗號之後,標籤內可以包含逗號。
- 確認您至少有兩列有效資料,因為單一點無法形成線段。
- 點擊「產生」。檢查預覽中顯示的座標軸範圍,並讀圖表旁邊任何明確的無效資料列或超出上限的提示。
- 驗證繪製的順序,並確認每個預期的點都顯示您所預期的數值。
- 點擊「下載」以儲存獨立的 SVG 檔案。您可以在瀏覽器中開啟它、將它匯入文件中,或附加到簡報中。
在下載前閱讀圖表
在匯出之前,有兩件事值得仔細檢視。首先,垂直軸使用從最小有效值到最大有效值的線性定義域,且並非自動從零開始。快速瀏覽圖表的讀者可能會誤判變化的幅度,因此請將顯示的座標軸標籤納入您的解讀之中。座標軸標籤會保留實用的有效位數,並在數值非常小或非常大時切換為科學記號表示法,這適合一般視覺化用途,但並不會為來源資料增加測量精度。其次,當資料集中的每個數值都相同時,工具會在該常數周圍擴展定義域,讓線段保持在中央可見的位置,而非因除以零的範圍而塌縮;這個行為是刻意的,但如果您沒有注意到,可能看起來就像一條懸浮在空白區域中的水平線。五條等距分布的水平參考線與座標軸標籤會顯示出實際的定義域,讓圖表絕不會成為只有一條線的空白矩形。
為何輸出是獨立的 SVG
下載的檔案是單一的 SVG 文件,這是由 W3C 維護、且所有現代瀏覽器都支援的開放向量影像格式。向量輸出意味著圖表在縮放、嵌入簡報或列印時都能保持銳利,因為幾何形狀是在繪製時重新計算,而非以單一解析度進行點陣化。匯出的檔案包含圖表標題、座標軸、水平格線、標籤、連接線、點標記以及無障礙的點標題,因此該檔案是自足的,不依賴任何外部字型、腳本或樣式表。如果出版品需要特定的品牌色調、字型或無障礙處理,請在匯出後使用適當的向量工具編輯 SVG。SVG 預設使用白色背景與藍色線條,以提供廣泛的相容性,且匯出的 viewBox 為 800 乘 480,讓圖表在窄幕與寬螢幕預覽中都能保持穩定。如需進一步了解該格式本身,MDN 的 SVG 教學介紹了基本結構,而W3C 的 SVG 2 規範則涵蓋了完整的功能集。
折線圖與其他圖表選擇的比較
當排序的點需要傳達方向與順序時,折線圖是正確的選擇,但它並非適用於所有資料集。下表總結了小型排序資料集通常如何對應到圖表選擇;您資料的精確數字需要透過執行對應的工具來取得。
| 使用情境的型態 | 最佳選擇 | 原因 |
|---|---|---|
| 排序的類別序列,例如月份、週次或試驗編號 | 折線圖 | 等距的水平間距與連接線可在排序的軸上呈現趨勢。 |
| 跨類別的量值比較 | 長條圖 | 長條的長度讓類別之間的比較更直接,且不會暗示連續性。 |
| 測量所得且間距不均的 x 與 y 配對 | XY 散佈圖 | 散佈圖將點放置在精確的 x 位置上,使距離本身具有意義。 |
| 部分佔整體的組成 | 圓餅圖 | 切片顯示佔總體的比例,而不是軸上的序列。 |
| 單一數值或一次性快照 | 表格或文字 | 當沒有可比較或排序的內容時,圖表幾乎沒有附加價值。 |
使用情境與注意事項
折線圖顯示的是序列與方向,而不是因果關係的證明,也不是觀測值之間的數值。連接兩個測量點並不能證明其底層過程在這之間是平滑變化的,因此圖表應作為您所提供資料點的視覺摘要來呈現,而非作為超出這些點的證據。此工具不會計算迴歸、預測、移動平均、信賴區間、統計顯著性、誤差棒或缺失值的內插,也不會自動排序資料列;請在產生之前,按預期的順序安排輸入。當精確的來源精度、不確定性或可稽核性很重要時,請保留原始資料集,因為四捨五入後的座標軸文字可能比完整的內部數字更短。過長的標籤可能會讓水平軸顯得擁擠,尤其是在窄螢幕上;若可讀性很重要,請縮短標籤或減少點數。在成功產生後編輯標題或資料,會清除已產生的輸出,並停用下載按鈕,直到再次產生圖表為止,這能保持可見的輸入與可見的圖表同步。如果在先前的成功產生之後又發生失敗,先前的輸出會被清除,而不是留在螢幕上假裝代表新的輸入,因此請務必在使用替換後的圖表前加以檢視。
延伸閱讀:如何從 CSV 製作表格圖表。