Infographic: Understand Pie Chart 一起了解圓餅圖

瀏覽數:

16-02-2015-135838-000

在公司上圖表課已久,利用這個圖表廚房的地方,留下一些筆記,分享給大家。(漫畫的圖來自這邊,美國還有蠻多關於圓餅圖的笑話的)

這邊介紹的是圓餅圖。本來是要用wiki翻譯來練習的。但想一想(為了刺激本站站長寫作)還是寫在這邊。

Wiki的圓餅圖 介紹

1801年最早的手繪圓餅圖。William Playfair‘s Statistical Breviary 的書籍裡面出現的。當時除了這個single pie之外,其實他還有一連串的比較,很像是星球圖。

當時手繪的概念,有對齊圓心喔!用的顏色也好典雅,但是座標軸文字是轉90度的。很不易閱讀。

好的商業用圓餅圖

兩兩比較,只有兩個值!非常簡潔又有力。

一個最經典的麥肯錫兩兩比對GDP的圓餅圖。非常清楚的四個品項。而且在數據上產生了很大的對比。(雖然右邊是預測的喔~)但這個手法經常被使用的。

經濟學人雜誌的作法,同樣也是兩兩比較,但是把2011年的加上「量」的增大感。在底下用褐色圓加強。(如果右方和左方差異太多,就不適合)

很多人誤用環狀圖,要用就要像上圖,中間要有值才好。

另一種環狀圖的作法,這個是把中間的區域,用來代表這是不同族群。也是一個很清楚的作法(推)

應付大於7個以上的品項

經濟學人雜誌的作法,應付11個以上的品項,用指引線將左右兩邊標籤對齊,(但沒有排序,所以Other的選項一時間看不太出來)

改成這樣或許比較好。(不過這個就不是經濟學人的格式了,標籤的字好多啊!百分比也沒有對齊)

華爾街日報的作法更好了。首先簡單的三等份。再來右邊用表格來說明細節品項。

華爾街日報出的圓餅圖我一直覺得是簡潔的代表。他著名的是把框線設為「透明」然後大約1pt的粗體。利用靛藍色底和反白字。

另外一個簡潔的代表。不過是紅色系的。這個表有放大了百分比的字體。但是斜體用的太多了。蠻干擾的。

可怕的pie chart

Office原始配色,簡稱為「馬戲團」看起來就是很不專業啊!

巨大的彩色派!字小到不行。數據難以判讀。也不知道重心在哪(還錯誤的排序了年紀)

圖例的框比字還要大很多,還有惱人的框線。

摔破的派…品項的字又多。要怎麼對照啊?

歪來歪去的指引線和至中對齊,又長又多的品項名稱…還有不正確的用了大紅色。

賈伯斯Steve Jobs的圓餅圖 Pie Chart

蘋果嘛~也來了一個馬戲團彩虹圖。但是彩虹的技巧高明多了。先從藍色再綠色,最後是紫色。

EXCEL就可以作出來喔!

可以完全用EXCEL做出來的喔!

分享到你的社群
  •  
  •  
  •  
  •  
  •  

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *