免費線上氣泡圖製作工具

免費線上製作氣泡圖。上傳資料,自訂氣泡大小與顏色,即可在瀏覽器中即時產生互動式氣泡圖。無需註冊。

氣泡圖製作工具

必要欄位latitudelongitudevalue也可使用 lat 和 lng

一切都在你的瀏覽器中執行,資料不會離開你的裝置。

  • 貼上或上傳 CSV,每一列都會變成一個氣泡。
  • 氣泡面積與數值成正比。
  • 可在 OpenStreetMap 底圖上縮放、平移。
  • 完全免費,不需註冊,也不用安裝任何東西。

什麼是氣泡圖?

氣泡地圖會在資料中的每個地點畫一個圓,再依某個數值決定圓的大小,例如每家門市的銷售額、每座城市的人口,或每個行政區的病例數。數值大的一眼就能看見,數值小的也不會消失,聚集的區域會如實出現在它們所在的位置。

namelatitudelongitudevalue
Tokyo35.6897139.692237.4
Delhi28.613977.209030.3
Shanghai31.2304121.473727.1
São Paulo-23.5505-46.633322.0
Mexico City19.4326-99.133221.8
Dhaka23.810390.412521.0
Cairo30.044431.235720.9
+ 還有 33 列
  • latitude 和 longitude 決定氣泡位置
  • value 決定氣泡面積
Tokyo37.4
每一列對應一個氣泡。範例資料:40 個大型都會區的人口概數(單位:百萬)。若要把 40 個都畫到地圖上,請使用工具上方的「複製範例 CSV」。 將滑鼠移到某一列上,或按 Tab 鍵移到該列,就能在地圖上找到它。
經緯度決定位置
每一列的座標會把對應的氣泡釘在地圖上,所以你看到的分布,就是資料真實的地理分布。
數值決定面積
隨數值變大的是面積,而不是寬度。人口多一倍的城市,氣泡面積也大一倍。
重疊處呈現密度
氣泡是半透明的,所以密集區域在重疊處顏色較深,稀疏區域則維持淺色。
氣泡地圖適用的情境
門市據點、人口普查數字、各城市銷售額、事件通報和實地調查都很適合,因為每個數字都對應到一個地點。

製圖學上把這種地圖稱為比例符號地圖。它最適合呈現對應到各個點位的總量。若要呈現整個區域的百分比或比率,以區域填色的面量圖(分層設色地圖)通常更容易閱讀。

你要找的是哪一種氣泡圖?

這個名稱其實指三種不同的東西,本頁工具製作的是第一種。

  • 本工具

    氣泡地圖

    在真實地圖上畫圓,圓的大小由數值決定。適合位置很重要的情況:門市、城市、感測器、客戶。

    用上方的工具製作

  • 泡泡圖(氣泡圖)

    圓圈依 x 軸和 y 軸上的兩個數值定位,再由第三個數值決定大小,例如 GDP 對比平均壽命、以人口決定氣泡大小。在散點圖製作器中,把一個數值欄位拖到「大小」就能做出來。

    開啟散點圖製作器

  • 思考圖或空間規劃中的泡泡圖

    把詞語寫在圓圈裡、圍繞一個中心概念,例如課堂上常用的泡泡圖和雙泡泡圖,或建築師用來推敲房間相鄰關係的空間泡泡圖。它們呈現的是想法而不是數字,所以白板或繪圖工具會比資料工具更合適。

如何線上製作氣泡圖

  1. 1

    準備 CSV

    每一列放一個地點,欄位名稱分別為 latitude、longitude 和 value。也可使用簡寫 lat 和 lng。加上 name 欄位就能替每個氣泡標上名稱,其他欄位會被忽略。

  2. 2

    貼上或上傳

    把資料列貼到地圖旁的文字方塊中,或按「上傳 CSV」選擇 .csv 檔案。上傳的檔案會立刻畫到地圖上。

  3. 3

    按下「渲染地圖」

    座標有效的每一列都會變成一個藍色氣泡,地圖會自動縮放到能看見所有氣泡。如果沒有任何一列含有可用的座標,按鈕下方會顯示錯誤訊息。

  4. 4

    縮放、平移並擷取畫面

    將滑鼠移到氣泡上或輕觸氣泡,就能看到它的名稱和數值。捲動滑鼠滾輪或按 + 和 − 按鈕縮放,拖曳地圖即可平移。畫面調整好之後,擷取螢幕截圖放進簡報或報告。

為什麼選擇這款氣泡圖製作器

幾秒鐘做出氣泡地圖
貼上資料或上傳 CSV,按下「渲染地圖」,每一列都會顯示成一個氣泡。過程不經過伺服器,所以一按下去地圖就會重新繪製。
大小比較不失真
隨數值變化的是氣泡面積,而不是寬度。銷售額多一倍的地點,氣泡面積也大一倍,和製圖學上比例符號地圖的做法相同。
可自由探索的真實地圖
氣泡疊在 OpenStreetMap 底圖上,地圖會自動縮放到你的資料範圍。將滑鼠移到氣泡上或輕觸氣泡即可查看名稱和數值,捲動滾輪縮放,拖曳即可平移。
無需註冊或安裝
打開頁面就能開始。不用帳號、沒有試用期,也不必下載任何東西。
檔案只留在你的裝置上
CSV 由你的瀏覽器讀取,不會上傳,所以客戶名單或尚未公開的數字也能直接畫成地圖,不必傳到任何地方。
簡單的 CSV 格式
三個欄位就夠了:latitude、longitude 和 value,也可簡寫為 lat 和 lng。選用的 name 欄位會作為每個氣泡的名稱。其他欄位會被忽略,沒有有效座標的列也會跳過。

氣泡圖最佳實踐

  • 以面積縮放氣泡

    讓氣泡的面積而不是寬度跟著數值變化。寬度加倍,面積就變成四倍,於是兩倍的數值看起來像四倍。本工具以面積縮放。

    40 是 10 的四倍,大氣泡的面積也是四倍。

  • 把數值控制在易讀的範圍內

    在本工具中,數值 100 會畫出寬約 40 像素的氣泡,10000 則會畫出寬約 400 像素的氣泡,把旁邊的氣泡都蓋住。數值介於 1 到 1000 之間效果最好,所以人口可用百萬為單位、營收可用千元為單位。

  • 呈現總量,而不是比率

    氣泡呈現的是「哪裡有多少」。請使用計數與總量,例如門市數、銷售額或人數。比率和百分比則更適合用依區域整片填色的面量圖(分層設色地圖)來呈現。

  • 減少密集區域的氣泡

    同一座城市裡擠了數百個氣泡,就會糊成一大團。繪製前先依城市或地區把鄰近的點加總,或把地圖放大到氣泡分開為止。

  • 檢查座標

    請使用十進位度數,例如 39.9042,而不是 39°54′N。緯度範圍為 −90 到 90,經度為 −180 到 180。氣泡跑到海上,通常是經緯度兩個欄位對調了,或少了負號。

  • 數字不要加格式

    寫成 1234.5,不要寫成 1,234.5 或 1.234,5。千分位符號和當作小數點的逗號會讓數字解析錯誤:1,234 會被讀成 1,或整列資料被捨棄。

氣泡圖製作器常見問題

什麼是氣泡圖製作器?

氣泡圖製作器能把一份地點與數值的清單變成地圖:每個地點畫一個圓,圓的大小由對應的數值決定。本工具免費、在瀏覽器中執行,也不需要註冊。貼上或上傳 CSV,再按「渲染地圖」即可。

如何免費製作氣泡地圖?

準備一個含有 latitude、longitude 和 value 三個欄位的 CSV,貼到本頁的工具中,或用「上傳 CSV」開啟,再按「渲染地圖」。把地圖縮放、平移到想要的畫面後,擷取螢幕截圖即可。完全免費,也不需要帳號。

氣泡地圖和氣泡圖表有什麼區別?

氣泡地圖是依緯度和經度把圓圈放在地理地圖上;氣泡圖表(泡泡圖)則是用兩個數值把圓圈放在 x 軸和 y 軸上,再用第三個數值決定大小。本工具製作的是氣泡地圖。如果要做氣泡圖表,請使用散點圖製作器,把一個數值欄位拖到「大小」。

什麼是氣泡示意圖?

氣泡示意圖(Bubble Diagram)是用線條把圓圈連起來的草圖。老師用它來描述一個主題,例如八大思考圖(Thinking Maps)中的泡泡圖和雙泡泡圖;建築師則用它來規劃哪些房間要彼此相鄰。它呈現的是想法而不是數字,所以用白板或繪圖工具來畫,會比本工具更合適。

使用這款氣泡圖製作器時資料安全嗎?

安全。CSV 由你的瀏覽器讀取,氣泡也在瀏覽器中繪製,檔案不會上傳到伺服器。唯一的網路請求是載入 OpenStreetMap 的地圖圖磚,這些請求會透露你正在檢視的區域,但不包含你的任何資料。

氣泡圖產生器接受什麼資料格式?

含標題列的 CSV,可以是 .csv 檔案,也可以是貼上的文字。欄位名稱請用小寫的 latitude、longitude 和 value,也可使用 lat 和 lng。座標必須是十進位度數。如果沒有 value 欄位,所有氣泡都會一樣大。選用的 name 欄位會作為每個氣泡的名稱。

可以自訂氣泡的顏色和大小嗎?

大小由 value 欄位決定,氣泡面積與數值成正比。想讓所有氣泡一起變大或變小,可以在渲染前把整個欄位的數值乘以或除以同一個數。顏色固定為半透明的藍色,氣泡重疊處顏色會變深。

這個氣泡地圖製作工具可以使用地址或國家名稱嗎?

無法直接使用。本工具需要每一列都有緯度和經度。如果手邊只有地址或地名,請先完成地理編碼(可使用地理編碼服務或試算表的外掛程式),再把結果貼到這裡。

可以把氣泡地圖存成圖片嗎?

工具沒有匯出按鈕。把畫面調整好之後,用系統內建的螢幕截圖工具擷取即可,例如在 Mac 上按 Shift+Command+4,在 Windows 上按 Windows+Shift+S。

需要顏色、篩選功能或更多圖表類型嗎?

Graphic Walker 是我們的開源視覺化分析應用程式,能依經緯度繪製點地圖,支援大小、顏色與工具提示,也能畫長條圖、折線圖和散佈圖。你可以下載 macOS 或 Windows 桌面版,或透過 PyGWalker 在 Jupyter 中使用。

需要更多圖表類型?試試我們的圖表製作器,可製作長條圖、折線圖、散佈圖等多種圖表。