如何快速製作一個清晰好看的氣泡圖?

更新於 發佈於 閱讀時間約 4 分鐘

Ⅰ.氣泡圖的概念

氣泡圖,即以氣泡形狀為主,繪製顯示資訊的圖。它可以直接做散狀氣泡,可以與座標系結合,也可以在它們之間用各種連接線表達關係。

raw-image

腦力激盪-氣泡圖模板

氣泡圖因為它外觀簡潔直觀、可視化數據資訊;種類多,應用領域廣;幫助整理思維,啟發思維和想像等優點,越來越受到職場人的追捧和學習。氣泡圖的應用面非常廣,不論是整理人物關係、統計數據的巧妙呈現,或是給孩子啟蒙教育,氣泡圖都是較為適合的選擇。近些年各小學老師透過氣泡圖這種視覺化的圖型幫助了許多孩子了解概念、高效掌握知識,增加了學習的趣味性。

Ⅱ.氣泡圖的分類

我們常見與常用的有兩種:資料氣泡圖和概念氣泡圖。

raw-image

氣泡圖分類

1. 數據氣泡圖

數據氣泡圖是一種數據視覺化圖表類型。它擴展了傳統的散點圖(Scatter Plot),透過引入第三個維度(通常是氣泡的大小)來展示更多的資訊。

資料氣泡圖的基本組成包括:

X軸和Y軸:這兩個軸分別代表兩個不同的變量,用於定位每個數據點在圖表中的位置。

氣泡:每個數據點以氣泡的形式表示,氣泡的位置由其在X軸和Y軸上的數值決定。

氣泡大小:氣泡的大小通常代表第三個變數的值,這個變數可以是數量、頻率、重要性等級等。氣泡越大,表示該資料點在第三個維度的數值越高。

顏色和標籤(可選):為了增強圖表的可讀性和美觀性,氣泡圖還可以包含顏色和標籤。顏色可以用來區分不同的類別或群組,而標籤則可以用來顯示特定的資料點資訊。

raw-image

上圖中,x軸代表了2019年的四個財季,y軸代表了廣告支出費用,銷售額則透過氣泡的大小來展現。圖型顯示,隨著時間的推移,廣告支出和銷售額之間有明顯的正相關性。

資料氣泡圖的應用非常廣泛,它可以用來展示多個變數之間的關係,幫助使用者發現資料中的模式和趨勢。

例如,在商業分析中,氣泡圖可以用來比較不同產品的銷售額、市場佔有率和成長率,這些氣泡的大小可以代表銷售額或市場佔有率的大小,而位置和顏色則可以用來區分不同的產品或市場;在醫學研究中,它可以用來展示不同藥物對患者治療效果的對比,氣泡的大小可以代表治療效果的好壞,位置和顏色則可以用來區分不同的藥物或患者群體;在地理數據分析中,氣泡圖可以與地圖結合,展示不同地區的人口密度、經濟發展等指標通過將氣泡放置在地圖上指定的地理區域內,可以直觀地展示該區域內的某些指標的分佈。

數據氣泡圖模板

raw-image
raw-image

亞洲、美洲、歐洲壽命和增產總值氣泡圖

2. 概念氣泡圖

概念氣泡圖又稱為思考氣泡圖,與心智圖相似,它重分支關係的呈現,通常大氣泡為主題,氣泡越小,越能展現其分支,同級氣泡展現並列的關係。它著重於某個概念的特徵描述,以此來具體展開。

在教育學習中,概念氣泡圖可以幫助學生更好地理解和記憶學科中的概念及其關係,並提高學習效果。在企業和組織中,概念氣泡圖也可以用來整理和展示知識庫中的概念及其關聯,方便員工查閱和學習。

概念氣泡圖又分為單氣泡圖、雙氣泡圖、網路氣泡圖等。

單氣泡圖

raw-image

產品經理能力模型氣泡圖

雙氣泡圖

raw-image

交通工具比較雙氣泡圖

Ⅲ.如何繪製氣泡圖?

步驟1:開啟ProcessOn,進入個人檔案頁,點選新建-建立流程圖

raw-image


步驟2:可以使用基礎圖形繪製氣泡圖,也可以點選左側【更多圖形】選取圖表-氣泡圖,點選確定。

raw-image


步驟3 :拖曳氣泡圖到畫布,雙擊氣泡圖,左側圖表資料可以設定X軸,Y軸和氣泡的資料值。

raw-image

要點提示:

1. 數據標籤要明確。在繪製氣泡圖時,要確保標籤清晰,讓人一眼就能明白,尤其是在做數據氣泡圖的時候。

2. 氣泡大小相對適當氣泡大小要根據氣泡要表達的數據大小來相對調整,不可隨意調整,注意,氣泡大小的調整是根據面積而不是直徑來調整。

3. 不使用奇怪的形狀。氣泡圖中主要圖形是氣泡,避免使用不規則的形狀,這有可能導致表達效果不準確。

氣泡圖的應用非常廣泛,它可以用來展示多個變數之間的關係,幫助使用者發現資料中的模式和趨勢。它是一種直觀、易於理解且強大的數據視覺化圖表類型,能夠幫助使用者更好地理解和分析數據,發現數據中的模式和趨勢,為決策和規劃提供強大的支持。

以上範本都來自ProcessOn模板社區, ProcessOn作為專業強大的繪圖工具,支援線上編輯氣泡圖、流程圖、心智圖、組織結構圖等多種圖形。使用者可以從零開始建立新內容,也可以輕鬆地在現有作圖框架、範本上進行編輯和修改,操作簡單易上手。

留言
avatar-img
留言分享你的想法!
avatar-img
ProcessOn的沙龍
1會員
66內容數
分享心智圖與流程圖使用技巧
ProcessOn的沙龍的其他內容
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/17
系統環境圖(System Context Diagram),又稱系統關係圖,是系統分析與設計中的重要工具,用於理解和展示系統與其外部環境互動關係。本文將從概念、應用場景、繪圖教學等六個方面,全面介紹情境圖,幫助讀者掌握這項實用技能。
Thumbnail
2025/04/17
系統環境圖(System Context Diagram),又稱系統關係圖,是系統分析與設計中的重要工具,用於理解和展示系統與其外部環境互動關係。本文將從概念、應用場景、繪圖教學等六個方面,全面介紹情境圖,幫助讀者掌握這項實用技能。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
各位伙伴早安,上回分享如何圖解具體資訊 今天來談談抽象的概念、理論等訊息要如何圖解吧~ 這也是我覺得是視覺筆記最有價值且可以發揮的地方   相比具體資訊,抽象資訊不但沒有標準答案(就算有,也不代表每個人的理解相同),因此具像化的難度與意義就更高了,而用畫圖表達抽象概念有三個主要目的,依據目的
Thumbnail
今天想和大家分享的,是如何用畫畫來表達概念 這裡的概念我把它擴大為「資訊」好了, 在我們平常所接觸到的資訊,我常常把它分為兩大類 『具體』和『抽象』 具體的部分,簡單來說就是你看得見,無論是親眼所見、上網找得到圖片都算 通常也具有所謂的『標準答案』,比如說你要表達一顆蘋果,至少形狀不會畫出
Thumbnail
今天想和大家分享的,是如何用畫畫來表達概念 這裡的概念我把它擴大為「資訊」好了, 在我們平常所接觸到的資訊,我常常把它分為兩大類 『具體』和『抽象』 具體的部分,簡單來說就是你看得見,無論是親眼所見、上網找得到圖片都算 通常也具有所謂的『標準答案』,比如說你要表達一顆蘋果,至少形狀不會畫出
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
這篇要來分享使用Stable Diffusion加上拼貼擴展技巧如何製作自己想要的情境圖。以用於日後的小說封面
Thumbnail
這篇要來分享使用Stable Diffusion加上拼貼擴展技巧如何製作自己想要的情境圖。以用於日後的小說封面
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News