方格精選

【數據思維】Chart.Guide 視覺化圖表的學習網站,告訴你如何正確的選擇與使用圖表?

更新於 發佈於 閱讀時間約 9 分鐘
Source: Chart.Guide網站

Source: Chart.Guide網站

你覺得自己懂得如何使用視覺化圖表嗎?

資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。

柯爾在《Google必修的圖表簡報術》中就開門見山地說

沒有人會刻意製作爛圖表,但爛圖表還是層出不窮!

任何公司、任何人都有可能做出爛圖表,在社群媒體上也常見到圖表誤用、訊息不清的事件發生。為什麼會這樣?柯爾在書中指出:沒人天生就會用資料說故事。將資料轉化為資訊、萃取出洞見,再透過視覺化圖表呈現,甚至是說好一個故事,是需要經過學習的。

所有人都可以將資料輸入繪製圖表的工具、製作出圖表,但未必懂得選擇合適的圖表、用資料說出一個好故事;甚至不知道在繪製圖表之前,其實應該先對資料進行分析、處理。

而不是直接丟進工具中,然後等待著驚喜出現。對受眾來說,感受到的往往只有驚嚇。

關於視覺化圖表,多數人面對的難題不外乎有三個:

  1. 圖表該如何選?怎麼用?
  2. 如何提升圖表的視覺化效果?
  3. 如何用圖表說一個有說服力的好故事?

在這篇文章中,我想和你分享解決第一個難題的聰明對策。

...

圖表選擇的聰明對策,用「點、線、面」來判斷


你知道目前有多少種圖表類型嗎?據我所知,在最新版Microsoft 365中的Excel工具提供了超過四百種的圖表類型可供選擇。哇,這也太多了吧!

為了滿足各種特殊的資訊呈現需求,每天都有新的圖表被創造出來;特別是資料科學領域,持續在尋找更有效率的視覺化方式來探索與呈現資料中的訊息。但對於一般職場工作者來說,沒有必要標新立異使用特別的圖表,甚至自創一個新的圖表出來,這只會增加其他人解讀圖表的困難度。

當圖表被理解的難度,遠大於傳達訊息的價值,就會被視為爛圖表!

我們該做的,是找出資料中的資訊或洞見,然後用合適、簡單的圖表來呈現。在《20道資料視覺化難題全解析》中提到,根據使用圖表的三個目的來選取對應的八種圖表,就足以解決工作上的問題了。

圖表選擇的「點、線、面」原則

圖表選擇的「點、線、面」原則

根據你想呈現的是資料的關聯?走勢的變化?還是大小的比較?從這三種類型中來選擇對應的圖表。

點:展現資料之間的關聯
  • 散布圖:呈現兩組資料之間的關聯或分布。比方說,消費者購買力與購買頻率之間的關聯;各產品的市占率與成長率之間的分布。
  • 泡泡圖:呈現三組資料之間的關聯或分布。比方說,在客戶關係管理(CRM)中有一個經典的RFM模型,會使用泡泡圖來呈現在一段時間內,客戶最近一次購買的時間、購買的頻率以及購買金額之間的關聯與分布情況。
線:展現資料隨時間變化的趨勢
  • 折線圖:呈現單組或多組資料的變化趨勢。比方說,過去十年公司營收年成長率的變化;不同產品銷售額各自的成長趨勢。
  • 斜線圖:呈現二個時間點的資料變化,又稱為斜率圖(slopegraphs)。比方說,企業過去兩年員工在各項指標上的滿意度變化;公司各項產品營收比例在上、下半年的變化。
面:展現資料之間的規模的比較
  • 長條圖:呈現單組或多組資料的大小比較。比方說,台灣各縣市的降雨量比較。長條圖也可以用來呈現資料隨時間變化的趨勢,但座標軸必須從零開始,不像折線圖可以透過改變座標軸來放大或壓縮變化的幅度。
  • 圓餅圖:展現多組資料在比例大小的比較。比方說,不同手機品牌在市占率的比較;產品成本中各項目的大小比較。
  • 瀑布圖:呈現資料之間的增減變化過程。比方說,銷售收入與稅後淨利之間,各項成本的增減變化。
  • 雷達圖:呈現單組或多組資料在不同維度的比較。比方說,不同員工在各項能力上的相對表現比較。

...

想學習更多?來Chart.Guide逛逛吧

先前我介紹過幾個視覺化圖表的學習網站,像是 DataVizProjectThe Data Visualisation Catalogue 都是不錯的資源,還有 PlotDB 是由台灣的「資料視覺化」團隊開發的線上動態圖表製作工具,提供了上百種動態圖表樣式。

最近發現一個新的視覺化圖表網站 Chart.Guide 也挺不錯的!

這個網站的宗旨,就是協助使用者選擇與設計出最佳的圖表。提供了豐富的圖表類型與設計建議,主要包括「圖表選擇(Choose a Chart)」和「圖表設計(Design a Chart)」兩個部分。

Chart.Guide 的兩大功能:圖表選擇指南、圖表設計指南

Chart.Guide 的兩大功能:圖表選擇指南、圖表設計指南

在圖表選擇指南的部分,包含六大類型的圖表:

  1. 類別比較(Categories Comparison)
  2. 時間序列(Time or Trend)
  3. 局部整體(Part-to-whole)
  4. 關係層級(Relationship)
  5. 數據分布(Distribution)
  6. 地理空間(Geospatial)
六大圖表類型與完整圖表樣式的呈現

六大圖表類型與完整圖表樣式的呈現

每一種圖表類型,都可以點擊進入,看到更多圖表樣式的呈現。可惜的是,沒有針對圖表樣式有進一步的介紹說明。這部分,我認為 DataVizProjectThe Data Visualisation Catalogue 做的相對完整些。

而這個網站中關於圖表設計指南的部分,我倒覺得可以給圖表使用者很不錯的注意事項與建議(The Do's & Don'ts of chart design​)

圖表設計指南的建議事項

圖表設計指南的建議事項

比方說在內容呈現上

  • 利用長條圖展現類別數據的比較時,記得要適當地排名順序,讓趨勢或異常點更容易被展現出來。
  • 數據單獨存在並沒有意義,記得加上「目標值」或「參考基準」做為比較對象,可以讓數據的呈現更有意義。
  • 折線圖可以就由調整縱軸的起始值,來讓折線的變化更為明顯或弱化;但是在使用長條圖時,縱軸的起始值必須從零(原點)開始。
  • 在同一張折線圖中,使用雙縱軸來同時表示兩個不同單位的折線時,要小心交錯的折線可能會錯誤暗示受眾「反轉」的跡象。

在圖表設計指南中,還有許多重要的提醒與建議,值得一看!

...

圖表使用的聰明對策,用「TOP原則」來思考

圖表的使用,是為了提供判斷的依據、創造行動的誘因,讓觀看圖表的人能採取行動。

「喔,然後呢?所以咧?」

如果對方看完後只有這樣的反應,很有可能是你使用的圖表不對、或是沒有傳達出有價值的資訊,也有可能是你說的故事並沒有打動對方。

在製作圖表、使用圖表來達成某些效果之前,我建議你先釐清三件事:對象(Target)、目的(Object)與場合(Place),又稱為「TOP」原則。

對象:圖表是給誰看的?

確認了對象,就能找到合適的方向來準備圖表。

給自己看的,只要能找出訊息就好;如果是給對方看的,就必須站在對方的角度思考,如何讓訊息的傳遞更直覺有效?選擇合適的圖表是必要的條件;除此之外,突顯重點、將想要傳達的訊息直接寫在標題中也是有效的方式。

目的:傳達的訊息是什麼?希望對方看完後的反應是?

釐清了目的,才能找到有效的方式來使用圖表。

舉例來說,希望透過圖表展現資料的關聯、變化的趨勢,或是規模的比較,可以選擇對應的圖表類型。在向主管報告時,希望對方聽完後感到安心;在說服客戶時,希望對方聽完後能感到信任而不是對資料產生質疑;在與團隊成員討論時,希望對方聽完後容易理解並且提出看法。

場合:圖表用什麼形式展現?

清楚了場合,才能找到正確的方法來呈現圖表。

圖表是用在公司對外的正式文件、內部會議的討論報告、社群行銷的文案,還是EDM/E-mail中的附件?是電子輸出、還是實體印刷?輸出時有沒有色彩的限制,是黑白、灰階、單色還是彩色?需不需要有人輔助說明?這些因素都會影響到圖表在視覺化上有不同的表現方式。

...

關於圖表選擇與使用的聰明對策,你學會了嗎?

我們之所以使用圖表,是為了更有效提供判斷的依據、創造行動的誘因,讓觀看圖表的人能更好的理解與採取行動。



劉奕酉|知識型自雇者、暢銷書作者、企業培訓顧問

擅長邏輯思考、數據分析、策略規劃、資訊視覺化與商務簡報,擁有高科技產業十多年策略行銷與高階幕僚經歷,為台灣少數具有深厚職場實務背景的商務顧問。同時也是職場生產力作家,多家大型出版社、社群媒體指定邀稿對象。一年閱讀百本書、寫作百篇以上職場文章,以知識萃取、高效產出與全息圖解而廣受好評。

相關著作:《我用模組化簡報,解決99.9%的工作難題》、《高產出的本事》、《20道資料視覺化難題全解析

培訓、講座、專欄、顧問服務邀約,或文章轉載授權請私訊聯繫 (easypresentation2016@gmail.com)



留言
avatar-img
留言分享你的想法!
avatar-img
劉奕酉的職場致勝賽局
898會員
243內容數
不只給你知識,更給你贏得職場賽局的本事。 分享書選閱讀、全息圖解、職人觀點與萃取技術,讓你在知識變現的時代,獲得學習成長與高效產出的養分。
2022/10/14
對過去的不如預期解釋的再透徹,也無助於未來的合乎預期;除非我們有對策可以避免過去的落差再次發生,同時降低突如其來的事件所造成的影響。
Thumbnail
2022/10/14
對過去的不如預期解釋的再透徹,也無助於未來的合乎預期;除非我們有對策可以避免過去的落差再次發生,同時降低突如其來的事件所造成的影響。
Thumbnail
2022/06/06
你可以不懂統計,但不能不知道統計思維,尤其在這個大數據時代。​這能讓你更好地解讀身邊的資訊,運用這些資訊來做出更好的決定與判斷。
Thumbnail
2022/06/06
你可以不懂統計,但不能不知道統計思維,尤其在這個大數據時代。​這能讓你更好地解讀身邊的資訊,運用這些資訊來做出更好的決定與判斷。
Thumbnail
2021/06/24
在這篇文章中,我會簡要分享關於數據思維,以及從零到一,建立數據思維、分析與應用的參考書單。有不足與建議之處,也歡迎提出討論!
Thumbnail
2021/06/24
在這篇文章中,我會簡要分享關於數據思維,以及從零到一,建立數據思維、分析與應用的參考書單。有不足與建議之處,也歡迎提出討論!
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
如果你在工作中常常需要透過數字和簡報說故事,非常適合閱讀這本書,別以為圖表很簡單其實背後暗藏許多玄機,好的圖表和簡報能讓人5秒內看懂你想說的故事。這篇文章會和大家分享本書最精華的部分,讓大家能快速了解繪製圖表的核心重點。
Thumbnail
如果你在工作中常常需要透過數字和簡報說故事,非常適合閱讀這本書,別以為圖表很簡單其實背後暗藏許多玄機,好的圖表和簡報能讓人5秒內看懂你想說的故事。這篇文章會和大家分享本書最精華的部分,讓大家能快速了解繪製圖表的核心重點。
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
Thumbnail
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News