長條圖製作工具會將 2 到 30 列「標籤,數值」組成的批次清單,轉換成單一垂直長條圖,並將結果匯出為獨立的 SVG 檔案,其內容與螢幕上預覽的版本逐位元組完全相同。此處所謂的「批次」,是指單一圖表中包含許多類別,而不是一次產生多個圖表:每一列通過驗證的資料都會成為一根獨立的長條,順序與您輸入的順序完全一致,圖表會隨著資料量增加而水平變寬,以確保標籤清楚可讀,而不是勉強塞進手機畫面中。所有處理都在目前的瀏覽器分頁中完成——無需上傳、無需帳號、無需試算表軟體——同一份 SVG 標記同時驅動預覽畫面與 Blob 下載,因此您儲存的檔案就是您檢視過的檔案。解析器會強制執行嚴格的規則:每個非空白列必須只包含一個逗號,逗號前為長度上限 24 個 UTF-16 程式碼單位的標籤,逗號後為非負且有限的十進位數或科學記號數字。否則——包含引號欄位、負數、十六進位、Infinity、NaN 或附加單位——整個請求都會失敗,而不會產生部分圖表。正是這種嚴格性,使版面配置引擎每次都能產生可驗證、且結果一致的圖表。

bar chart maker bulk
批次長條圖製作工具:單一圖表最多 30 列

對此圖表製作工具而言「批次」的意義

長條圖製作工具將批次輸入視為單一的類別資料集(包含多筆項目),而非會一次產生多個圖表的批次作業。一個圖表需要介於 2 到 30 列之間的非空白資料,工具會直接拒絕超出此範圍的輸入,不會產生部分輸出。若您貼上 31 列,產生作業會失敗,並回報確切的非空白列數;解析器絕不會靜默地只保留前 30 列、跳過錯誤的列、將其替代為零,或交給您一個不完整的圖表。這種全有或全無的規則存在,是因為缺少長條的圖表通常比沒有圖表更容易誤導他人,而且確定性的輸入才能讓版面配置引擎挑選穩定的垂直刻度。

少於 2 列就沒有可比較的內容,超過 30 列時,在 520 像素高的畫布上,類別標籤與長條寬度會開始互相擠壓。與其硬塞更多長條,工具會在新增列時水平擴展 SVG,並讓較寬的圖表在預覽中可捲動,確保每根長條都可見、每個標籤都清楚可讀。如果您需要繪製超過 30 個類別,正確的做法是在貼上之前先在資料中進行分組——本工具不會對您的輸入進行彙總、排序或推測單位。

嚴格的輕量 CSV 輸入格式

批次輸入格式刻意設計為輕量 CSV,而非完整的 CSV。每個非空白列必須只包含一個逗號:逗號前為標籤,逗號後為數值代幣。空白行或僅含空白字元的行會被忽略,因此您可以貼上含有零散空行的長串清單,解析器會跳過這些空行而不會產生錯誤。在執行驗證之前,每個標籤與數值周圍的前後空白字元會自動被去除。

標籤可包含大多數一般文字,但長度受限:每個標籤最多只能使用 24 個 UTF-16 程式碼單位,數值代幣最多 40 個。在剛好等於上限時會通過,超過一個程式碼單位則會失敗。本工具不支援引號欄位、引號內的逗號、額外的欄位、空標籤、附加單位、運算式、十六進位、Infinity 或 NaN。數值必須為非負且有限的十進位數字,一般的小數與 e/E 科學記號皆可接受。負零會被正規化為零。支援範圍為 1e-300 到 1e300 之間的非零數值;詞法輸入下溢為零,以及超出最大值的輸入,皆會被拒絕。

允許重複的標籤,且在輸入順序中會以獨立的長條呈現,這在相同類別出現於兩個時期或兩個區隔時相當實用。本工具不進行彙總、排序或單位推測——圖表會完全依照您輸入的內容與順序顯示。

批次輸入規則一覽

下表彙整了當您貼上批次資料集時,解析器會接受與拒絕的內容。請在點擊「產生」之前,將其作為檢查清單使用。

輸入特性行為
2 到 30 列非空白資料必要條件;超出此範圍會導致整個請求失敗。
每列僅一個逗號必要條件;不支援引號內的逗號。
逗號前為標籤,逗號後為數值必要條件;兩側的空白字元會被去除。
空白行或僅含空白字元的行忽略;不計入列數上限。
標籤最多 24 個 UTF-16 程式碼單位(超出會拒絕整個請求)接受;超過一個單位會使該列失敗。
數值代幣最多 40 個程式碼單位(超出會拒絕整個請求)接受;超過一個單位會使該列失敗。
小數數字(例如 3.14)接受。
科學記號(例如 1.5e3)接受。
負數、Infinity、NaN拒絕。
十六進位、運算式、單位拒絕。
重複的標籤接受;在輸入順序中以獨立長條呈現。

如何將您的批次資料列轉換為下載的 SVG

  1. 開啟長條圖製作工具,並在標題欄位中輸入選填的標題。即使標題為空,SVG 內部仍會包含可存取的標籤「Bar chart」。
  2. 將您的資料集以嚴格的輕量 CSV 文字形式貼上。每個非空白列應類似 Region,1284 的格式,以一個逗號區隔標籤與非負有限數字。請去除如「$」或「%」等零散的單位;若將這些單位放在逗號之後,會落入數值代幣的位置,由於它們並非有效的非負有限數字,因此會被拒絕。
  3. 產生圖表。預覽會顯示標題、每個類別標籤、基準線、五個數值參考刻度,以及每列通過驗證的一根長條。在下載之前,請檢查標籤順序、刻度間距與零值處理方式。
  4. 驗證任何極端範圍的可視性限制。若您的最大值比次大值大上數百個數量級,微小的正長條可能會低於 SVG 座標精度而呈現平坦;此時工具提示仍會回報其數值,但對這種情況,使用對數圖表或分別群組的圖表才是正確的工具。
  5. 點擊下載按鈕以儲存獨立的 SVG 檔案。此檔案是由預覽中顯示的精確字串所建構,因此您檢視過的標記就是您發佈的標記。

編輯標題或資料會立即清除先前的預覽、狀態與下載內容,因此每次產生作業都會從已知的狀態開始。下載 URL 會在您變更輸入、取代結果、發生產生失敗,或關閉元件時立即撤銷,藉此避免下載時立即撤銷的競爭情況,以及 ObjectURL 持續累積所造成的洩漏。

圖表如何處理零、極端值與全為零的資料

零是特殊情況,但絕不會被隱藏。值為 0 時會精確對應到基準線,而顯示的座標軸上限會以非負的線性刻度對應至繪圖區頂端。上限會向上進位為有限的 1、2、5 或 10 的十的某次方倍數——例如,最大值為 73 時,座標軸上限會進位為 100 (1 × 10²),而五個等距刻度會分別落在 0、25、50、75 與 100。這個由乘積定義的「理想」定義域具有確定性,但這並不保證能重現您在其他地方可能看到的每一種 D3 刻度選擇;D3 線性刻度的官方文件說明了本圖表所遵循的底層進位啟發式規則。

當您批次資料集中的每個值都為零時,圖表會切換為明確的零到一參考座標軸,將所有長條維持在基準線上的零高度,並新增一個全為零的註記。這樣可避免除以零的情況,並使所提供的數值保持為您輸入時的原始樣貌。

極為寬廣的數值範圍,可能使正長條在視覺上與零無法區分,因為其線性比例小於 SVG 座標精度。工具提示仍會回報真實數值,但圖表不會自行產生最小高度的長條——這樣做會破壞所宣告的線性刻度,並錯誤地呈現資料。當微小類別必須在數百個數量級以上的較大值旁保持可見時,請使用對數圖表或分別群組的圖表。如需深入了解批次輸入的刻度選擇,請參閱 如何從任意數字清單製作長條圖

隱私、輸出,以及何時該選擇不同的工具

所有步驟都在本機端執行。解析、版面配置、SVG 產生、預覽渲染、Blob 建立與下載,皆保留在目前的瀏覽器分頁中。您的標籤、數值、標題或互動行為等任何資訊皆不會被上傳、抓取或記錄。本工具不執行任何公式運算、不進行遠端 API 呼叫,也不產生點陣圖。SVG 本身的高度為 520 像素,並隨著新增列而水平擴展,使用 W3C SVG 命名空間,並採用標準的 rect、line、text、g 與 title 元素。座標皆為有限值,且經過邊界驗證,並進位至小數點後三位;使用者輸入的字串在進入文字、工具提示、標題或無障礙屬性之前,會先經過 XML 跳脫處理,因此 &、角引號、引號與撇號皆會轉為實體,而類指令碼的標籤則會保持為可見文字,而不是 SVG 元素。W3C SVG 2 規格定義了匯出標記中所使用的元素。

當您擁有小型類別資料集(2 到 30 個類別),並希望取得可直接放入文件或網頁中的乾淨、無障礙且具確定性的長條圖時,本工具就是正確的選擇。當您需要對數刻度、百分比、誤差棒、每個類別的多個資料系列、圖例、顏色編碼或彙總時,本工具並不適合。在發佈之前,請檢查標籤、座標軸範圍、零值處理、極端刻度的可視性與工具提示——圖表不會代替您判斷其溝通是否恰當。若要執行上述相同的工作流程,請開啟長條圖製作工具,貼上您的輕量 CSV 列,並下載與預覽相符的獨立 SVG 檔案。

延伸閱讀:批次稱讚語產生器:快速建立多元的大量內容