ChaosLens
✦精選工具0
工具首頁/圖表製作工具/弧線圖產生器
[{"source":"A","target":"B","weight":4,"group":"核心"}]

弧線圖產生器

使用來源、目標、權重與群組資料建立弧線圖,接著檢視、調整樣式並匯出結果。

⌒
資料與圖表編輯器新增資料或載入範例即可開始。
100%

將檔案拖曳到這裡

原始資料

每行輸入一筆關係資料,支援 CSV 或 JSON。

資料表

#來源(source)目標(target)權重(weight)群組(group)操作
資料檢查

資料有效。

    版面 方向
    連結
    節點
    色彩 色彩配置
    畫布比例
    匯出設定
    —節點—連結—總權重—群組
    圖表已更新。
    選取項目詳細資料

    選取節點或連結即可查看資料。

    理解弧線圖

    準備關係資料

    每一列代表從來源節點指向目標節點的一條連結。來源、目標與權重為必填欄位,群組可用於色彩分組。同一條有向連結只能出現一次。

    理解弧線與權重

    節點間距決定弧線跨度;弧線較長不代表關係較強。連結權重會對應到線寬,只有在同一張圖使用一致的對應範圍時才適合直接比較。

    選擇匯出格式

    SVG 適合編輯與列印,PNG 適合直接展示,CSV 用來儲存目前有效的連結。透明背景只會改變匯出的畫布,不會改變節點或連結。

    使用邊界

    • 最多支援 500 個連結與 200 個節點。
    • 權重必須是大於 0 的有限數字。
    • 重複的有向連結與自我連結會被拒絕。

    更多資訊

    使用方式與限制

    欄位與操作流程

    1. 填入來源和目標值。
    2. 需要表達大小時,再加入數值權重。
    3. 使用群組整理相關節點。

    錯誤與驗證

    如果資料列含有空白節點、非正數權重、自我連結或重複的有向連結,工具會指出該列並暫停圖表,避免把舊預覽誤認為目前結果。修正資料後會繼續繪製。

    圖表建立方式

    節點會依所選順序,以相等間距排列在水平基線上。每條連結使用兩個節點距離的一半作為水平半徑;弧線設定只會改變垂直半徑,不會改動資料。

    線寬會將目前的最小與最大權重對應到設定範圍。色彩可以表示群組、來源、權重漸層或固定色彩。選取節點後,與它直接相連的連結會被標示。

    常見問題

    常見問題

    弧線圖需要哪些資料?

    每一列關係資料都需要來源節點與目標節點,也可以選擇填入數值權重和群組。

    連結粗細如何決定?

    連結粗細是將每個數值權重對應到設定寬度範圍的視覺表示,不是因果分數。

    應該選擇哪種匯出格式?

    SVG 適合編輯與列印,PNG 適合直接分享,CSV 則會保留有效的關係資料。

    隱私與實作方式

    本機處理

    資料會在此瀏覽器中解析、繪製與匯出,不會上傳,也不會呼叫遠端 API。

    匯出說明

    SVG 放大後仍能保持清晰,也方便後續編輯;PNG 適合圖片使用並可採用透明背景,CSV 則會保留目前的關係資料列。

    實作說明

    圖表使用瀏覽器的 SVG 與 Canvas API 繪製。

    ChaosLens 把專注的瀏覽器工具集中在一處。
    工具首頁圖片工具單位換算健康計算器鍵盤測試工具滑鼠測試工具螢幕測試工具隨機工具圖表製作工具婚禮工具部落格關於 ChaosLens隱私權政策
    工具提供便利的瀏覽器端處理。