[統計圖表改造]丟掉這張擠成一團、顏色凌亂的立體長條圖

更新 發佈閱讀 3 分鐘

長條圖利用條狀圖形的「長度」,來比較不同類別或時間之間的數值差異。正因其簡單且直觀的特性,成為了我們在各式媒介上最常見的統計圖表。但也因其最常被使用,設計得很差的長條圖也隨處可見,立體的長條圖即是差勁的設計之一。

vocus|新世代的創作平台


我在某個縣市的報告中,看到了上面這張統計圖表,它想要傳達「就業率」這個數值在不同的性別及年齡組間,隨著時間變化的趨勢。這是一張糟糕的圖表,我會告訴你它如何「糟糕」,並著手去做改造,製作一張新的圖表來傳達相同的資訊。




它「糟糕」在哪?


這張圖最需要改進的點在於矩形柱體讓數量的比較失真


vocus|新世代的創作平台


首先,讓我們的目光先集中於代表60~64歲女性就業率的粉色柱狀體上。因為他們是立體的,所以用前後排列來展示不同的時間點。前後排列會讓你很難比較這些柱狀體的高度,因為他們失去了統一的「地基」。尤有甚者,乍看之下,它甚至會讓你認為107年的柱狀體比111年的更高,如果不是標註了數字,還真容易讓人產生誤解。如果還要仔細閱讀數字才能得到正確的資訊,那就喪失使用統計圖表的意義了。


第二個需要改進的地方是它太複雜了


vocus|新世代的創作平台


你仔細算算,整張圖表中擠了30個柱狀體,這不但讓我們在視覺上比較有負擔,也讓比較柱狀體的高度變得很費力,讀者不容易從中獲取有用的資訊。另一方面,顏色的使用也讓這張圖變得很雜亂。不同的顏色通常是用來區別不同的資料特性,但太多的顏色反而弱化的這個功能。而且其實圖中已經使用了「位置」來區分性別、年齡層和時間了,又將所有的柱狀體塗上不同顏色,真是多此一舉。


第三點則是我個人的主觀感受:顏色和字型的選擇太醜了。這好像也沒有什麼好解釋的,就是我個人的偏好罷了。




那要怎麼改造呢?


第一步,我覺得要先了解原來的圖表所隱含的資訊

vocus|新世代的創作平台

以下是我整理出這張圖表所傳達的資訊:

  • 107年到111年就業率不分年齡及性別都呈現上升的趨勢
  • 就業率隨年齡的增長而下降
  • 男性的就業率在三個年齡組都比女性高


第二步,針對這些資訊做出設計決策。在時間趨勢上,我覺得107年和111年這兩個時間點的數值是我們比較的重點,所以我決定改用坡度圖(slope chart)來凸顯這兩個時間點的變化。為了呈現就業率隨年齡增長而下降,我會將三個年齡組分為三個圖形並平行擺放,已顯示線條的高低差別。最後我會將年齡組中不同性別的線段畫在一起,以比較就業率大小,並用顏色來區分性別。

最後的成果在這裡:

vocus|新世代的創作平台


這次的圖表改造就到這邊,有任何的問題或建議都歡迎留言給我,謝謝!



留言
avatar-img
Peiyi.H的沙龍
0會員
6內容數
介紹關於資料視覺化的一切.資料的收集與整理.圖表的設計及運用
Peiyi.H的沙龍的其他內容
2025/04/21
選擇適當的y軸範圍讓你的折線圖講出對的故事。
Thumbnail
2025/04/21
選擇適當的y軸範圍讓你的折線圖講出對的故事。
Thumbnail
2025/01/12
利用簡單的例子說明如何設計更加簡單易懂的長條圖
Thumbnail
2025/01/12
利用簡單的例子說明如何設計更加簡單易懂的長條圖
Thumbnail
2024/11/01
《好設計,4個法則就夠了》給了Non-designer的我很有用的基本設計概念,我也將其融入我的資料視覺化作品中。
Thumbnail
2024/11/01
《好設計,4個法則就夠了》給了Non-designer的我很有用的基本設計概念,我也將其融入我的資料視覺化作品中。
Thumbnail
看更多
你可能也想看
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
Thumbnail
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
Thumbnail
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
Thumbnail
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News