從數值 x,y 配對產生的散佈圖,是將影像、掃描圖表、測量記錄或數位化步驟中取得的成對觀測值視覺化最直接的方式:將每行一組嚴格的 x,y 配對(以非空行分隔)貼入 散佈圖製作工具,該工具會將這些列轉成 800 乘 500 的 SVG,其中每組有效的配對會依據獨立的線性 x 與 y 座標尺度,變成一個藍色圓圈。顯示範圍在每個座標軸上以五條參考線與標籤呈現,解析器會將有效、無效與超出行數分別回報為三個獨立的計數,而驅動頁面預覽的同一個百分比編碼 SVG 字串,也提供為獨立檔案,你可以儲存並在任何支援 SVG 的向量檢視器中開啟。
搜尋「convert image to scatter plot」(將影像轉為散佈圖)的使用者通常來自以下三種情境:已經是點陣影像的圖表或照片,需要轉成可運作、呈現其底層測量值的圖表;某個螢幕截圖中,有人想從中取出點並在受控的座標軸上重新繪製;或者是由其他工具產生的一串像素座標清單,需要加以視覺化。這些情況的共同需求是每個點都要有一組乾淨的數值配對,而散佈圖製作工具正是為這種輸入格式量身打造,因此整個工作流程會聚焦在數字本身,而非原始的點陣影像。

把影像轉成散佈圖實際上需要什麼
點陣影像無法在瀏覽器內直接變成散佈圖,因為必須先從中取出數值——散佈圖是基於座標的視覺化,而 PNG 是由像素組成的網格。此工具真正接收的是影像底下的數值層:每個觀測值一組 x 值與一組 y 值。一旦這些配對存在,無論它們來自人工測量的照片、數位化的校正曲線,或影像處理步驟輸出的座標,它們都符合相同的輸入格式,而由它們產生的圖表,正是大多數讀者在搜尋影像轉散佈圖時真正想要的意思。
輸出是向量 SVG,而非另一張影像,這代表圓圈、格線、標籤和文字在任何縮放程度下都保持清晰。SVG 是由 W3C 維護、用於二維向量圖形的開放標準,MDN SVG 教學 說明了該圖表所使用的相同基礎元件:形狀、文字,以及 viewBox 和 preserveAspectRatio 等屬性。由於檔案是向量格式,儲存後的散佈圖可以在任何 SVG 編輯器中開啟、嵌入文件中,或在不失清晰度的前提下列印。
解析器所要求的嚴格 x,y 格式
輸入解析刻意保持嚴格,以確保使用者貼上的任何內容都不會被誤判為資料。每一非空行必須恰好包含兩個數字,並以單一逗號分隔,不得包含單位或周圍文字。可接受帶正負號的值、小數、字面上的零,以及科學記號表示法。空白元件、多餘的逗號、像 5cm 或 10kg 這類帶單位的文字、像 0x1F 這類十六進位字面值、字面 Infinity 與 NaN,以及絕對值大於 1e12 的量級,都會被視為無效而拒絕,並不會被強行轉成零。空白行會被靜默略過。負零會被正規化為一般的零。總輸入也上限為 50,000 個 UTF-16 字碼單位,任何超出此上限的貼上都會被解析器拒絕,而非悄悄截斷。
| 格式範例 | 接受或拒絕 | 解析器給出的原因 |
|---|---|---|
| 3,4 | 接受 | 兩個有限數字以逗號分隔。 |
| -2.5, 1.75 | 接受 | 帶正負號的小數,並含小數部分。 |
| 1e3,2 | 接受 | 科學記號為有限值且在量級限制內。 |
| 5, | 拒絕為無效 | 第二個元件為空,不符合嚴格的兩數字規則。 |
| 5cm,10cm | 拒絕為無效 | 單位文字不是數字。 |
| 0x1F,2 | 拒絕為無效 | 十六進位字面值不被視為數值輸入。 |
| 1,2,3 | 拒絕為無效 | 單一行有三個元件,違反兩數字規則。 |
無效的列會被計數並顯示於摘要中,絕不會悄悄被當成零點或被推上某個座標軸,因此使用者隨時能清楚知道自己的輸入實際包含什麼,而不會看到一個掩蓋了錯誤列的漂亮圖表。
從你的 x,y 配對產生散佈圖
- 在目前的瀏覽器分頁中開啟散佈圖製作工具,輸入一個可選的標題,該標題會出現在圖表上以及 SVG 標籤內。
- 將你的資料貼入輸入區,每行一組嚴格的 x,y 配對,格式需與前一節所述完全一致。
- 點擊產生控制項,讓解析器逐列處理你的資料,將有效的配對與無效的列分開,並統計超出上限的列。
- 閱讀摘要區塊:有效點數、無效列數與超出行數會以三個獨立的數字回報,包括零。
- 透過檢查每個座標軸上的五條參考線與標籤來確認顯示的座標軸範圍,然後在預覽中檢視幾個具代表性的點。
- 當預覽符合你要的結果時,下載獨立的 SVG 檔案;由於預覽與儲存檔案都來自同一個百分比編碼 SVG 字串,兩者內容完全一致。
編輯標題或資料會清除該字串並停用先前的下載,這能避免在輸入已變更後,仍儲存到一份過時的圖表。
解讀有效、無效與超出的計數
摘要永遠會回報三個數字,確保沒有任何列對使用者隱藏。有效點是那些變成圖表上圓圈的列;無效列是解析器嘗試讀取但因不符合嚴格格式而拒絕的列;超出行則是前 200 列以外的非空列,這些列刻意不會被解析。這兩個計數刻意分開:因含有文字而失敗的列,與因落在邊界之外而根本未被檢查的列,是不同的問題;摘要會保留這種區別,而不是把它們合併成一個被隱藏的總數。
若解析後沒有任何有效點留存,工具會回報錯誤並清除任何舊有的圖表,而不會渲染一張空白圖。不會悄悄截斷任何內容,也不會假設每列貼上的資料都已使用,因此使用者隨時都能將圖表與原始資料集進行對照。
常數座標軸與重疊點的行為
兩個座標軸都使用獨立的線性尺度,將最小的 x 值對應到圖表左邊界,將最大的 x 值對應到右邊界;y 軸的處理方式相同,從底部對應到頂部。介於這些範圍之間的值會依其數值距離的比例放置,因此不等的數值間距在圖上也會保持不等。座標軸並不會自動包含零,因此解讀一個群集的分散程度時,務必先讀取標籤。
常數座標軸是一個會導致除以零的特殊情況。當所有 x 值都相同時,工具會以該常數絕對值的百分之十或一個單位(取兩者中較大者)為基準,在該常數上下對稱地展開 x 定義域,並將所有點置中於水平方向。相同的規則也會獨立套用於常數 y 值,因此單一有效點會落在兩個座標軸的正中央,而不會讓排版失敗。重疊的點可能會互相遮蔽,特別是當完全相同的配對重複出現時,因此在使用視覺上的數量之前,請先在預覽中檢視具代表性的圓圈。
在依賴圖表之前進行驗證
此圖表是一種視覺化方式,而非保留精度的資料格式。SVG 中的座標會四捨五入到小數點後三位,座標軸標籤則依實際需求使用有效位數,或在極大與極小值時使用科學記號,因此務必保留原始列以便分析、不確定度估計與重現。這個工具不會計算相關係數、迴歸、趨勢線、信賴區間、誤差棒、密度、群集或統計顯著性;它只是把提供的配對放到線性座標軸上,並不做任何統計上的宣稱。
| 功能 | 散佈圖製作工具是否提供 |
|---|---|
| 具有明確範圍的獨立線性 x 與 y 座標軸 | 是 |
| 800 乘 500 的向量 SVG 匯出 | 是 |
| 於 SVG 中可見、經 XML 跳脫處理的標題 | 是 |
| 相關係數、迴歸或趨勢線 | 否 |
| 對數尺度或依類別著色分組 | 否 |
| 將點或標題上傳至伺服器 | 否 |
若你需要處理密集資料、依類別著色、無障礙標註、對數尺度、出版品等級的樣式,或正式的統計分析,請使用專門的繪圖套件,並同時保留原始資料集的完整性。散佈圖製作工具最恰當的理解是:它是一個把影像中的數值配對轉成可攜帶向量圖表的轉換步驟,而非完整統計工作流程的替代品。
延伸閱讀:從 x,y 列線上將散佈圖轉為熱區圖。
延伸閱讀:將 YouTube 縮圖轉成可儲存的影像檔案。