<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-12258374</id><updated>2011-11-27T15:47:40.790-08:00</updated><category term='成對型長條圖'/><category term='pH值'/><category term='台鐵'/><category term='四格漫畫'/><category term='溺水'/><category term='棒球'/><category term='bar'/><category term='關係圖'/><category term='長條圖'/><category term='散佈圖'/><category term='侯寬仁'/><category term='女性運將比例'/><category term='一表三千里'/><category term='火車準點率'/><category term='遠房親戚'/><category term='勝投排行'/><category term='圖表'/><category term='馬英九'/><category term='資訊圖表'/><category term='交通部'/><category term='dot'/><category term='王金平'/><category term='涵化'/><category term='MLB'/><title type='text'>鎮宇的圖表冒險</title><subtitle type='html'>nightpluie's Infographics</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>12</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-12258374.post-6894508992797854205</id><published>2008-08-17T06:47:00.000-07:00</published><updated>2008-08-17T08:01:37.311-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='散佈圖'/><category scheme='http://www.blogger.com/atom/ns#' term='pH值'/><title type='text'>這是我畫的圖表嗎？</title><content type='html'>2008年7月31日，我從社會組轉到教科文組第一天，就遇到了一個製作圖表的機會。&lt;br /&gt;&lt;br /&gt;其實這是在社會組很難遇到的，因為社會組平時偏重的是「獨家」，雖然教科文組也喜歡獨家（廢話，哪個記者不喜歡？），但教科文組平時處理的新聞是比較有系統的，可能是有資料、有數據的，所以應用圖表的機會也比較多。&lt;br /&gt;&lt;br /&gt;第一天上線，就遇到個可以大展身手的機會，當然不能放過啦！今天的題目是「消基會抽檢市售浴廁清潔劑pH值」，抽檢十八件商品中只有三件在環保規章建議的5～9範圍。&lt;br /&gt;&lt;br /&gt;先來看一下當天聯晚的圖表：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2771061418/" title="Flickr 上 nightpluie 的 4450611-1906551"&gt;&lt;img src="http://farm4.static.flickr.com/3292/2771061418_3809543f78_o.jpg" width="300" height="703" alt="4450611-1906551" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;甭說啦，這其實是「貌似圖表」的表格，但它的排序並沒有什麼讓讀者容易理解的邏輯，一下從上到下將pH值由小到大，一下又由大排到小，而且它只有列出不在環保規章建議範圍中的產品，對於那些在範圍內的「乖寶寶」清潔劑，反而沒有好好的「嘉獎」一下。&lt;br /&gt;&lt;br /&gt;下午報稿的時候回報報社，本來交代叫我做一張表就好，但我怎麼可能讓這機會從手中溜過呢？為了怕被人打槍，我索性圖、表都做，讓報社自己挑：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2723977429/" title="Flickr 上 nightpluie 的 抽檢十八件只有三件符合環保規章表格"&gt;&lt;img src="http://farm4.static.flickr.com/3040/2723977429_0ae1ffcf5a_o.jpg" width="473" height="433" alt="抽檢十八件只有三件符合環保規章表格" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;這也不是我在說，我連做一張表格，都可以輕輕鬆鬆打敗聯晚這張令人看不懂的表格（甩頭）。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2724801032/" title="Flickr 上 nightpluie 的 抽檢十八件只有三件符合環保規章（原）"&gt;&lt;img src="http://farm4.static.flickr.com/3093/2724801032_165b3f37eb.jpg" width="382" height="500" alt="抽檢十八件只有三件符合環保規章（原）" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;這張是本來一開始畫好的版本，出發點是只要讓讀者知道哪些比較酸、哪些比較鹼，哪些是比較溫和，詳細的數據對讀者來講可能不重要。而在底色的部分，則是採用石蕊試紙對於酸鹼的顏色判定。&lt;br /&gt;&lt;br /&gt;之所以用散佈圖而非長條圖，是基於以下兩個考量；&lt;br /&gt;&lt;br /&gt;　&lt;strong&gt;此次表達的數據是重趨勢而非質量：&lt;/strong&gt;pH值的高低代表的只是一種趨勢，不像財物損失、人數等這麼質感，所以這次用散佈圖。&lt;br /&gt;&lt;br /&gt;　&lt;strong&gt;要表達的數據有趨近0的數字：&lt;/strong&gt;有幾個商品的pH值在0～1之間，如果做成長條圖，會使得該項目非常的扁，在表達上可能會有問題。&lt;br /&gt;&lt;br /&gt;當然啦，製作完成，還是跟李大師討論一下，結果認為，如果能利用&lt;strong&gt;白線&lt;/strong&gt;淡化可能產生的複雜，又能產生數值的意義，是個不錯的作法。而在底色部分，並不是所有人都知道石蕊試紙對於酸鹼性的顏色，所以還是以最簡單的「綠色代表安全，紅色代表危險」來呈現就好。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2769889080/" title="Flickr 上 nightpluie 的 抽檢十八件只有三件符合環保規章"&gt;&lt;img src="http://farm4.static.flickr.com/3021/2769889080_0429d106eb.jpg" width="369" height="500" alt="抽檢十八件只有三件符合環保規章" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;不錯吧！出來的作品來我自己都很滿意。結果報社也同意用圖表，但沒想到隔天出來卻變成這樣...&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2756451330/" title="Flickr 上 nightpluie 的 DSC07768"&gt;&lt;img src="http://farm4.static.flickr.com/3164/2756451330_45d97822db.jpg" width="424" height="500" alt="DSC07768" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;沒想報社用是用了，但偉大的美編不但脫褲子放屁的把每個產品pH值都給加上，還把底色換成毫無意義的顏色來「美化」，更扯的是，他還把「潔瓷」的pH值0.56誤植成0.26，天啊～～～這不是肯德基！&lt;br /&gt;&lt;br /&gt;講真的，像這時候就很尷尬，圖表明明就是我設計的，但是自作聰明修改的美編們卻又不掛名，搞得好像是我一開始就覺得這樣畫一樣，這樣有損我的名聲啊！&lt;br /&gt;&lt;br /&gt;這故事告訴我們，要讓自己的作品「完整」的呈現在報紙上是有非常大的難度！不過也好啦，至少在長官的力挺下，終於見報一張圖表，我相信未來繼續努力，應該還會有機會「完整呈現」的！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-6894508992797854205?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/6894508992797854205/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=6894508992797854205' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/6894508992797854205'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/6894508992797854205'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2008/08/blog-post.html' title='這是我畫的圖表嗎？'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm4.static.flickr.com/3093/2724801032_165b3f37eb_t.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-3800349098118904154</id><published>2008-05-03T18:44:00.000-07:00</published><updated>2008-05-03T22:51:41.000-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='長條圖'/><category scheme='http://www.blogger.com/atom/ns#' term='資訊圖表'/><category scheme='http://www.blogger.com/atom/ns#' term='MLB'/><category scheme='http://www.blogger.com/atom/ns#' term='勝投排行'/><category scheme='http://www.blogger.com/atom/ns#' term='棒球'/><title type='text'>談談圖表的「化約」</title><content type='html'>昨天王建民拿下本季第六勝，PTT上的鄉民大家都興高采烈的討論目前在勝投榜上王建民的對手有哪些。結果有個熱心的鄉民用BBS介面畫了一張圖表：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2462424563/" title="Flickr 上 nightpluie 的 1"&gt;&lt;img src="http://farm3.static.flickr.com/2375/2462424563_3ca0e517a9_o.gif" width="600" height="334" alt="1" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;其實我無意苛責什麼，用BBS介面畫圖表說不定真的很難（至少我就不會），但就圖表而論，這張圖表犯了很多錯誤：&lt;br /&gt;&lt;br /&gt;　‧&lt;strong&gt;建議用長條圖而非柱狀圖&lt;/strong&gt;。面臨項目比較時，柱狀圖多半用在與日期有關的比較上，所以如果只是數字高低排列，長條圖還是比較清楚。&lt;br /&gt;&lt;br /&gt;　‧&lt;strong&gt;三個數據的座標軸都不一樣。&lt;/strong&gt;這個情況如果只有表達兩個數據可能還好（一個看左邊Y軸、另一個看右邊Y軸），但是這圖表同時表達了「勝投數」、「防禦率」、「三振」，又沒有附上座標軸，這樣就會變成三振20次、5勝與防禦率1.98一樣高？&lt;br /&gt;&lt;br /&gt;　‧&lt;strong&gt;用顏色來區別數據，反而會造成畫面的混亂。&lt;/strong&gt;不是說不能用，但我認為，如果你畫的圖表必須要用「圖示」的方式，&lt;strong&gt;可能代表你要表達的數據是不是太多了。&lt;/strong&gt;「圖示」除了會讓讀者額外負擔「來回參照」的麻煩外，顏色暗示的意義也應該謹慎處理。像這張圖把防禦率用綠色，會讓人誤以為有「愈高愈正面」的意思。&lt;br /&gt;&lt;br /&gt;「說這麼多，那你自己畫的又如何呢？」所以顧不得昨天看到這張圖表已經午夜12點多，我還是馬上就來研究一下，這樣的數據到底該怎麼表達。&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;‧用英文字母排列其實沒意義&lt;/strong&gt;&lt;br /&gt;原作者圖表項目的排列順序，除了簡單依照勝投依序排列外，對於一樣勝投數的投手並沒有謹慎處理順序，王建民排第一，但是他的三振與防禦率都比Webb差，後面四個並列五勝的投手，除了「用英文字母排列」外，我找不出別的邏輯，但在這張圖表上，&lt;strong&gt;用英文字母排有意義嗎？&lt;/strong&gt;我想這是在製作圖表前應該思考的。&lt;br /&gt;&lt;br /&gt;先把圖表還原成表格：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2463258514/" title="Flickr 上 nightpluie 的 3"&gt;&lt;img src="http://farm3.static.flickr.com/2388/2463258514_4de0c26e85_o.gif" width="400" height="185" alt="3" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;老實講，還原成表格後，我反而覺得比原作者畫的圖表還要來得清楚些XD。&lt;br /&gt;&lt;br /&gt;一還原我就發現一個問題，就是如果同時處理防禦率跟勝投數還好，但如加入三振次數，會把座標軸拉得很大很開，把防禦率的差距縮小很多。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2462469393/" title="Flickr 上 nightpluie 的 4"&gt;&lt;img src="http://farm4.static.flickr.com/3240/2462469393_45424dd2ba.jpg" width="500" height="279" alt="三振次數拉開了Y軸" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;所以我想到把三振次數換成K/9，說不定會比較好掌握。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2462424799/" title="Flickr 上 nightpluie 的 繪圖2"&gt;&lt;img src="http://farm3.static.flickr.com/2054/2462424799_957bbd5a9e_o.gif" width="626" height="682" alt="繪圖2" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;上圖是昨天睡覺前完成的。其實我很不滿意，原因是因為同時表達三個數據，雖然我避開了來回參照的圖示，但是整體還是顯得有點凌亂不易理解。其實這裡頭犯了一個迷思，就是你&lt;strong&gt;擺進圖表的數據，是不是真的有意義？&lt;/strong&gt;就這個例子來講，把勝投與防禦率放在一起，可以比較這個投手拿勝投是靠自己還是靠隊友，但如把三振拿來一起看，是不是就顯得好像意義不大？&lt;br /&gt;&lt;br /&gt;（按：因為三振就意義上來看，只是一個一個的出局數，跟滾地球出局，在表面上的差別不大。三振多的投手，還是有可能被打爆。一般勝投排行榜如果出現並列，多半會再比防禦率而非三振數。）&lt;br /&gt;&lt;br /&gt;也許你會說，「像你這樣畫，根本就無法凸顯其他投手在數據上的表現啊。只有圖表沒有數據，這樣誰知道啊？」如果是這樣的話，我會建議你去看表格。在圖表上每一個都標上數據，那只是「圖表格」而已，失去製作圖表的意義。&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;‧試著「化約」看看&lt;/strong&gt;&lt;br /&gt;今天早上起床我又想了一想，因為在這個數據上，勝投數變化比較少（就只有6勝跟5勝兩種，如果現在是球季後半段也許變化會更多），但在這裡如果讓座標軸遷就這兩個簡單的數據，其實反而麻煩；不如把它化約一下，讓整體圖表顯得更簡單一點。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2462426409/" title="Flickr 上 nightpluie 的 2008 MLB五勝以上投手比較"&gt;&lt;img src="http://farm3.static.flickr.com/2052/2462426409_175c542496_o.gif" width="600" height="250" alt="2008 MLB五勝以上投手比較" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;（更清楚的版本&lt;a href="http://farm3.static.flickr.com/2052/2462426409_175c542496_o.gif"&gt;按此&lt;/a&gt;）&lt;br /&gt;&lt;br /&gt;這樣是不是更簡單了？&lt;br /&gt;&lt;br /&gt;但嚴格來講，我還是不認為三振數跟其他兩個數據擺在一起畫圖表有什麼更好的意義。畫到後來還是要回歸一個重點，就是你畫這張圖表，重點到底是什麼？你到底想表達什麼？如果你想藉由圖表鉅細靡遺的呈現所有數據，那我還是建議還是別浪費時間，乖乖做表格就好。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-3800349098118904154?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/3800349098118904154/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=3800349098118904154' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/3800349098118904154'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/3800349098118904154'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2008/05/blog-post.html' title='談談圖表的「化約」'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm4.static.flickr.com/3240/2462469393_45424dd2ba_t.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-7790631389595577869</id><published>2007-12-10T04:48:00.000-08:00</published><updated>2007-12-10T04:50:17.372-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交通部'/><category scheme='http://www.blogger.com/atom/ns#' term='四格漫畫'/><category scheme='http://www.blogger.com/atom/ns#' term='圖表'/><category scheme='http://www.blogger.com/atom/ns#' term='女性運將比例'/><title type='text'>圖表四格漫畫試作</title><content type='html'>&lt;h2 class="post-title"&gt;別忘了拍照留念！&lt;/h2&gt;&lt;br /&gt;&lt;br /&gt;承蒙&lt;a href="http://www.richyli.com/"&gt;Dr.李&lt;/a&gt;帶進圖表的領域，我從單純的將數據視覺化，慢慢的注意到「如何用圖表發覺有趣的數字現象」。&lt;br /&gt;&lt;br /&gt;我相信所有的記者（不認真的記者除外）應該都會注意到，這一兩年吵得很熱的「&lt;a href="http://law.moj.gov.tw/Scripts/Query4B.asp?FullDoc=所有條文&amp;Lcode=I0020026"&gt;政府資訊公開法&lt;/a&gt;」。儘管現在政府對於資訊公開的原則訂定的非常的模糊且沒有強制力，但我想除了記者們除了一方面繼續衝撞、督促政府依法令公開資訊外，另外一方面的腳步也不該停歇，應該從現有政府公開的資訊，去挖掘一些隱藏「在細節的魔鬼」才對。&lt;br /&gt;&lt;br /&gt;而身為一個資訊圖表的追隨者（推動者應該是江湖人稱&lt;a href="http://www.richyli.com/infographic/index.htm"&gt;「圖表鬼見愁」李博士&lt;/a&gt;才是XD），我自己在向身旁的人解說資訊圖表的重要性，乃至於一些製作的原則時，往往帶來的都是一些敷衍的眼神及不甚瞭解的語氣，這其實是很令人心寒的！大多數人都不知道圖表的製作是有它一些特殊的脈絡可循，絕對不是打開EXCEL框起來框起來按圖表再按完成這麼簡單！&lt;br /&gt;&lt;br /&gt;綜合以上，我覺得要推動「圖表運動」，除了要將隱藏在數字背後的資訊透過圖表有效率的表達出來外，如何讓圖表變得有故事性，是我最近突然發想的一個idea。於是，就出現了這個東西：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/2065410797/" title="Flickr 上 nightpluie 的 圖表四格漫畫"&gt;&lt;img src="http://farm3.static.flickr.com/2159/2065410797_c26de406f4_b.jpg" width="372" height="1024" alt="圖表四格漫畫" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;這四張圖表的資料來源全是由&lt;a href="http://www.motc.gov.tw/"&gt;交通部&lt;/a&gt;網站所公布的統計數據，重點就是在強調雖然會自己開車的女生愈來愈多，但真的會以開車為職業的女性，其實並不多。我不知道說國外幾個女權比較進步的國家，在職業上的性別差異是不是也像台灣這麼嚴重？會造成這樣差異的原因，不曉得跟治安有沒有關係？&lt;br /&gt;&lt;br /&gt;話再說回來，雖然這是交通部提供的資料，我還是要建議大家看看「圖表的概念」就可以了。原因是因為，交通部這份資料的來源全是靠問卷得來，除了樣本數、抽樣方式等完全沒有公布外，這種按照百分比的作法容易使趨勢產生失真。舉例來講，女性自行開車的比例雖然有逐年上升，但由於是全部100%，有可能代表是因為男性自行開車的比例下降，才會使女性自行開車的比例「相對的」上升；抑或女性自行開車的人數增加的比男性多，但因為男性先天分母比較多，造成女性成長比例無法完全反應？&lt;br /&gt;&lt;br /&gt;不過我還真不懂，這種資料從各地監理站匯集不就得了，為什麼要用問卷這種不精確的方式呢？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-7790631389595577869?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/7790631389595577869/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=7790631389595577869' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/7790631389595577869'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/7790631389595577869'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2007/12/blog-post.html' title='圖表四格漫畫試作'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm3.static.flickr.com/2159/2065410797_c26de406f4_t.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-5413090271465282333</id><published>2007-08-17T21:29:00.000-07:00</published><updated>2007-08-17T21:31:03.332-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='侯寬仁'/><category scheme='http://www.blogger.com/atom/ns#' term='一表三千里'/><category scheme='http://www.blogger.com/atom/ns#' term='關係圖'/><category scheme='http://www.blogger.com/atom/ns#' term='馬英九'/><category scheme='http://www.blogger.com/atom/ns#' term='王金平'/><category scheme='http://www.blogger.com/atom/ns#' term='遠房親戚'/><title type='text'>世界上最遠的距離XD（關係圖試作）</title><content type='html'>&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/1155791752/" title="相片分享"&gt;&lt;img src="http://farm2.static.flickr.com/1412/1155791752_9716563d41.jpg" width="500" height="298" alt="一表三千里" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;據說很多司法圈的記者早就知道，&lt;a href="http://zh.wikipedia.org/wiki/%E7%8E%8B%E9%87%91%E5%B9%B3"&gt;王金平&lt;/a&gt;與&lt;a href="http://zh.wikipedia.org/wiki/%E4%BE%AF%E5%AF%AC%E4%BB%81"&gt;侯寬仁&lt;/a&gt;有「遠房&lt;a href="http://zh.wikipedia.org/wiki/%E8%A6%AA%E6%88%9A"&gt;親戚&lt;/a&gt;」的關係。結果&lt;a href="http://www5.chinesenewsnet.com/MainNews/SinoNews/Taiwan/2007_8_17_16_2_0_710.html"&gt;王金平接受媒體查證時&lt;/a&gt;，說了一句華人常見的俚語「一表三千里」來形容他跟侯寬仁的關係。其實作成關係圖來看，這關係並不算太遠，一言以蔽之就是「侯寬仁的姐（妹）夫是王金平的小舅子」；但就華人慣有的親戚交往圈來看，王金平和侯寬仁不熟甚至說沒有來往，是可以理解的。&lt;br /&gt;&lt;br /&gt;只是諷刺的是，王金平和侯寬仁的這層關係，竟然因為侯寬仁起訴王金平的「另類政敵」&lt;a href="http://zh.wikipedia.org/wiki/%E9%A6%AC%E8%8B%B1%E4%B9%9D"&gt;馬英九&lt;/a&gt;而浮上檯面。那王金平和侯寬仁的關係若是「三千里」，那王金平和這位同黨同志馬英九的關係應該是「？？？？」里？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-5413090271465282333?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/5413090271465282333/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=5413090271465282333' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/5413090271465282333'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/5413090271465282333'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2007/08/xd.html' title='世界上最遠的距離XD（關係圖試作）'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm2.static.flickr.com/1412/1155791752_9716563d41_t.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-876415830772155472</id><published>2007-08-09T04:31:00.000-07:00</published><updated>2007-08-10T19:31:51.724-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='成對型長條圖'/><category scheme='http://www.blogger.com/atom/ns#' term='散佈圖'/><category scheme='http://www.blogger.com/atom/ns#' term='火車準點率'/><category scheme='http://www.blogger.com/atom/ns#' term='dot'/><category scheme='http://www.blogger.com/atom/ns#' term='bar'/><category scheme='http://www.blogger.com/atom/ns#' term='台鐵'/><title type='text'>散佈圖初探</title><content type='html'>有機會看到這篇blog，或偶會瀏覽&lt;a href="http://www.flickr.com/photos/nightpluie/sets/601594/"&gt;小弟Flickr中的圖表&lt;/a&gt;的朋友，應該不難發現小弟特偏好「量化圖表」；其中又以能夠呈現數據質量感的柱狀圖(column)、長條圖(bar)及圓餅圖(circle)為多。折線圖(line)出現的機率極少，而散佈圖(line)，老實說小弟還沒畫過。&lt;br /&gt;&lt;br /&gt;其實真正的資訊圖表，量化圖表只是其中的一部份，而量化圖表的形式又何止侷限在上述幾種類型而已？有可能是恰好小弟想表達的數據剛好較適用長條圖、橫條圖與折線圖。但我發現，這樣長久以來的「恰好」可能會導致我在製圖上的盲點：就是習慣以這三種類型為優先思考。&lt;br /&gt;&lt;br /&gt;-----------------------------------------------------------------------------------------------------&lt;br /&gt;&lt;br /&gt;今天要來處理的數據是「台鐵的火車票價與準點率之關係」，這是我去年就盯上的題材。&lt;a href="http://www.railway.gov.tw/index/index.aspx"&gt;台鐵&lt;/a&gt;以往總是被人貼上「虧損、散漫、公務員心態、不負責任」的標籤，偶來一個大誤點、大改點，往往會成為媒體注目的焦點，&lt;a href="http://nightpluie.myweb.hinet.net/opinion/opinion_2005_10_25.htm"&gt;相關的補償措施也常常被社會大眾盯的滿頭包&lt;/a&gt;。我就想：既然台鐵各級列車時速都差不多(約110~130km/h)，差別只在於停的站多寡的話，那我們繳的錢到底價值在哪？&lt;br /&gt;&lt;br /&gt;持著這樣的好奇心，經過資料的蒐集後，出現了這樣的結果：&lt;br /&gt;&lt;br /&gt;&lt;font size=4&gt;&lt;strong&gt;‧錯誤的慣性思考&lt;/strong&gt;&lt;/font&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;br /&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/253162229/" title="相片分享"&gt;&lt;img src="http://farm1.static.flickr.com/96/253162229_8345cc24f3.jpg" width="500" height="365" alt="火車愈快愈不準時" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;若先看黑色的橫條，可以很明顯的發現票價的高低依序是自強號、莒光號、復興號、普通車；但同樣一個項目排序，若注意到較淡的灰色橫條，就可以發現票價愈低的車次，準點率反而愈高！&lt;br /&gt;&lt;br /&gt;OK，或許你覺得這樣的畫法已經有突顯到我想表達的「火車愈貴愈不準時」了，先別急，你先看看下一張圖：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;br /&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/876258186/" title="相片分享"&gt;&lt;img src="http://farm2.static.flickr.com/1311/876258186_f676afbf07_o.gif" width="636" height="239.4" alt="票價愈高愈不準時" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;怎麼樣？同是長條圖的畫法喔，只是一個是群組型長條圖，一個是成對型長條圖(Paired bar)，呈現相同的訊息，但是在視覺的乾淨度上，成對型的是不是比群組型好？&lt;br /&gt;&lt;br /&gt;其實群組型長條圖，比較適合表現同一個項目在不同時間情況下的呈現，若&lt;strong&gt;要強調兩個項目間的關係（按：此圖為「票價」與「準點率」的關係），成對型長條圖的表現還是較為恰當。&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;如果你以為這樣就結束了，其實還有個選擇：&lt;br /&gt;&lt;br /&gt;&lt;font size=4&gt;&lt;strong&gt;‧散佈重「趨勢」，長條重「質量」&lt;/strong&gt;&lt;/font&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;br /&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/1051519930/" title="相片分享"&gt;&lt;img src="http://farm2.static.flickr.com/1201/1051519930_704d08aa7e.jpg" width="500" height="369" alt="付愈多錢不代表愈準時" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;沒錯，這是小弟第一次嘗試畫散佈圖。雖說散佈圖與成對型長條圖所呈現的資訊圖像意義相同，但實際製作後，就可發現&lt;strong&gt;成對型長條圖&lt;/strong&gt;比散佈圖更能表達&lt;strong&gt;數據所呈現的質量感&lt;/strong&gt;（可應用在欲表達數據間的落差），但&lt;strong&gt;散佈圖&lt;/strong&gt;在「&lt;strong&gt;趨勢感&lt;/strong&gt;」則明顯較成對型長條圖為優。&lt;br /&gt;&lt;br /&gt;就這此使用的數據來看，成對型長條圖的表現似乎比散佈圖更好。此次比較的數據只有四組，在散佈圖上的趨勢性較不強烈，而在成對型長條圖呈現的「自強／不準時」與「普通／很準時」的數據質量感，很明顯的較為具體；但事實上，若今天&lt;strong&gt;比較的數據超過10項以上，成對型長條圖呈現的圖形可能會顯得有點凌亂，此時散佈圖的表現可能會比直方圖好些。&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;另外，散佈圖上還有兩個地方可以跟大家來討論一下。散佈圖上各個資料的點所代表的名稱，到底該用在點的旁邊，還是標上序號，再於圖的空白處說明？我個人是認為，鑑於減低讀者來回參照的麻煩，在散佈圖數據數量較少，且圖上空間允許名稱不會互相干擾的情況之下，可以寫在點旁；若數據較多，就可用參照的方式說明。畢竟&lt;strong&gt;數據一多，數據的趨勢意義應該比相對型長條圖強調的「個體差異」還要重要。&lt;/strong&gt;如果真要在很多數據形成的散佈圖上強調個體差異，我是覺得可以只把你要強調的數據名稱標示出來就好，其他的就省略也無妨。&lt;br /&gt;&lt;br /&gt;&lt;font size=4&gt;&lt;strong&gt;‧「預想模式」該指向哪方？&lt;/strong&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;另外一個就是「預想模式」的問題。在這次散佈圖上，我加了一條強調「預想模式」的趨勢線；這條趨勢線的意義在於表達「人們原本以為」的情況。意思就是，人們一般都認為票價愈高，列車到站的準點率應該愈高，若真是如此，整體點的分佈應該會朝該箭頭的所引導的趨勢集中；但就圖上四個點來看，其實是恰恰相反的。&lt;br /&gt;&lt;br /&gt;「預想模式」雖說是幫助讀者理解，但製圖者或演說者必須額外支出時間向讀者說明如何閱讀，就「&lt;strong&gt;縮短閱讀資料時間、快速形成印象&lt;/strong&gt;」的製圖意義來看，似乎是相違的。若真為如此，此箭頭是不是該改成與圖中欲強調之趨勢相符為佳？（老實說我也沒答案）&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;br /&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/1057795164/" title="相片分享"&gt;&lt;img src="http://farm2.static.flickr.com/1160/1057795164_f6c22d90e6.jpg" width="500" height="369" alt="付愈多錢不代表愈準時2" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;‧散佈圖可能產生的視覺誤差&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;談到這裡，眼尖的讀者應該有發現，在成對型長條圖中，普通車跟復興號的準點率分別為「98.5/98.9」，但若表示在散佈圖上，看起來是不是像100%？&lt;br /&gt;&lt;br /&gt;我想這是各類圖表都有可能產生的缺點，就是較接近100%的數據，在圖表「正常規格」的表達下，無法明確的顯示其數據，會有「100%」的假象；如果真的表達出來，必須要拉到這樣長才行：&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/1051519942/" title="相片分享"&gt;&lt;img src="http://farm2.static.flickr.com/1161/1051519942_2b1c3adefb_o.gif" width="542" height="555" alt="散佈圖的盲點" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;如果被誤解的數據並不是主要表達的內容，我覺得可以容許這種非統計性的誤差；但如果會影響到數據失真，那可就不行了。&lt;br /&gt;&lt;br /&gt;綜合以上來看，如果要表達兩個變數間的關係，在數據少的情況下，成對型的長條圖似比散佈圖更好，但若數據一多，散佈圖的趨勢上的視覺解讀就比成對型長條圖好。但請注意喔，這裡並不是說散佈圖會導致讀者對資料的誤解，只是「&lt;strong&gt;相對較好&lt;/strong&gt;」而已。&lt;br /&gt;&lt;br /&gt;況且散佈圖種類也不只這一種喔，以後有機會遇到再跟大家分享！&lt;br /&gt;&lt;br /&gt;-----------------------------------------------------------------------------------------------------&lt;br /&gt;&lt;br /&gt;後記：雖說資訊圖表的製作與類型選擇，對於欲呈現的數據意義而言佔有非常重要的地位，但最後還是要回歸到數據本身的重要性吧？&lt;br /&gt;&lt;br /&gt;就這張圖來看，是不是某種程度&lt;strong&gt;打破你我「付愈多錢就有愈高級、愈有水準、愈不會出差錯的服務」的迷思與成見&lt;/strong&gt;呢？&lt;br /&gt;&lt;br /&gt;從事過服務業後，我常覺得你收人家錢，就是要對你的服務內容負起責任；這個概念小至便利商店營業員，乃至於公務員在上班時的表現（你是收納稅人的錢）等等，都在這個範疇之中。而決定你這個服務值多少錢，關鍵就在於你提供了多少服務。今天台鐵如果只是單純的以「付比較多錢就『只是』比較快一點，其他的都沒差」的心態來要求自己旗下的服務品質，也難怪在面臨航空、客運乃至於高鐵的競爭下，會連連&lt;a href="www.motc.gov.tw/dept/123/1031_96MonRep.xls"&gt;虧損&lt;/a&gt;(excel檔)了。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-876415830772155472?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/876415830772155472/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=876415830772155472' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/876415830772155472'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/876415830772155472'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2007/08/blog-post.html' title='散佈圖初探'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm1.static.flickr.com/96/253162229_8345cc24f3_t.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-115052292009590195</id><published>2006-06-16T22:09:00.000-07:00</published><updated>2007-08-09T06:41:57.962-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='溺水'/><category scheme='http://www.blogger.com/atom/ns#' term='涵化'/><title type='text'>亂入！溺水與媒體涵化</title><content type='html'>&lt;a href="http://www.flickr.com/photos/nightpluie/168699243/" title="Photo Sharing"&gt;&lt;div align="center"&gt;&lt;img src="http://static.flickr.com/65/168699243_af59113160.jpg" width="500" height="321" alt="媒體開放之涵化效果與意外之相關" /&gt;&lt;/div&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;「投降輸一半！」先承認，這張圖表是來亂入的。雖然總是嚷嚷&lt;a href="http://blogpluie.blogspot.com/2006/06/blog-post_17.html" target="_blank"&gt;我老媽受到電視新聞涵化的影響&lt;/a&gt;才會不喜歡讓我去海邊玩，但是自己畢竟浸潤媒介資訊時久，也難免對海邊有些負面的印象。&lt;br /&gt;&lt;br /&gt;回來後一查網路資料，才發現白沙灣曾經榮獲&lt;a href="http://www.libertytimes.com.tw/2005/new/jun/5/today-so1.htm" target="_blank"&gt;海巡署十大危險海灘&lt;/a&gt;之首，還真是讓我嚇出一身冷汗！&lt;br /&gt;&lt;br /&gt;但對於受社會科學教育、又學過精確新聞報導的我來講，如果就這樣讓「海邊=容易發生意外」這樣的媒體誤現蔓延下去，也太～～辜負我之前所受過的教育了。&lt;br /&gt;&lt;br /&gt;所以，登登！這張圖表就誕生了。本著涵化理論的角度出發，這張圖表嘗試把我國媒體開放所造成的資訊量大增，與一般民眾對於海灘危險的認知程度連結，進而在從事戲水等活動時會更謹慎。圖中點出的幾個點都有其象徵意義：從報禁解除造成的媒體開放，到有線電視合法化、廣電三法通過使得衛星頻道湧現，媒體在激烈競爭下對社會、災禍新聞的渲染，最後到&lt;a href="http://www.flickr.com/photos/nightpluie/17975643/" target="_blank"&gt;民國92年蘋果日報來台，其對於社會新聞的偏好&lt;/a&gt;與議題擴散，在在都使得社會、災禍新聞成為當今最hito的收視率保證。&lt;br /&gt;&lt;br /&gt;講了那麼多，還是要再度提醒：這張圖是亂入的XD！要知道，意外溺水死亡的人數呈現下降的趨勢，除了可能與媒體喜愛社會災禍新聞的渲染，所造成的警惕效果外，主管單位的宣導與防範、台北市將游泳列為國民教育的畢業條件、乃至於水泥岸的逐漸增加使得民眾戲水場地變少等等，都可能相關，豈是小弟區區一張圖表就可以說明？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-115052292009590195?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/115052292009590195/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=115052292009590195' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/115052292009590195'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/115052292009590195'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2006/06/blog-post.html' title='亂入！溺水與媒體涵化'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-114641236971924635</id><published>2006-04-30T08:11:00.000-07:00</published><updated>2006-04-30T09:01:32.416-07:00</updated><title type='text'>從「零」開始</title><content type='html'>&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/137497404/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/56/137497404_40a6bbd4d4.jpg" width="500" height="365" alt="鎮宇大學時期較優科目錯誤示範" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;之前為了在研究所的推甄資料上呈現自己的成績（另一方面也是為了「展」一下自己的圖表功力），我在自傳上附了這張圖表。&lt;br /&gt;&lt;br /&gt;當然，在資料送出去前，我也給了很多人看過這份自傳，當時大家都覺得沒什麼問題；雖然後來「時也、命也、運也，非我不能也」，台大、政大的推甄都不幸落榜，但我一直認為是自己努力不夠，這份自傳沒什麼「問題」。&lt;br /&gt;&lt;br /&gt;直到最近為了準備世新新聞所的面試，我安排了很多德高望重的大師幫我模擬面試，其中也包括的在圖表界是大腕級、牛B級的&lt;a href="http://www.richyli.com/infographic/index.htm" target="_blank"&gt;李怡志大師&lt;/a&gt;。果不出其然，他一看到我的自傳，馬上就先問我：「你這張圖為什麼不從0開始？」&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/137510739/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/56/137510739_60c83404db.jpg" width="500" height="218" alt="不是從零開始" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;嘿嘿，我想大家一時之間也沒察覺到吧！怡志一提醒，我趕忙回到excel原始檔去查看，果然沒錯，它是從75分開始的！&lt;br /&gt;&lt;br /&gt;這又要談談excel的「美麗與哀愁」了。&lt;a href="http://www.richyli.com/blog/2005/02/blog-post_14.html" target="_blank"&gt;excel常常會自以為很貼心的設計一些功能&lt;/a&gt;，而這樣自動功能常常讓不明就裡的使用者發生一些操作上的失誤，就是說，聰明自誤？（摩亞口吻）&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/137497405/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/54/137497405_227d6ec6c5_o.gif" width="457" height="314" alt="鎮宇大學時期較優科目" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;其實這張圖表從75分開始也不是說不可以，但在這次的圖表應用中，我主要是要呈現這些科目的成績都很高，但剛好其中有一科「只有85分」，與其他科比起來算是比較低，如果再從75分開始，85分與其他分數的差距會益發的明顯，這樣與我製作這張圖表的原始意義是不符的；如果拿去面試，說不定就是自己給自己找麻煩（但從另一方面來看，如果是有意凸顯一組相差不大的數據，可用此法）！所以這個故事告訴我們，每畫完一張圖表後，任何細節都必須小心的檢查才行！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-114641236971924635?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/114641236971924635/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=114641236971924635' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/114641236971924635'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/114641236971924635'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2006/04/blog-post.html' title='從「零」開始'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-113310564219508704</id><published>2005-11-27T06:36:00.000-08:00</published><updated>2006-01-05T12:24:35.370-08:00</updated><title type='text'>這樣也叫做「圖表設計」？</title><content type='html'>&lt;table width="100%" border="0"&gt;&lt;br /&gt;  &lt;tr&gt;&lt;br /&gt;    &lt;td bgcolor="#D9D9D9"&gt;&lt;div align="center"&gt;在此鄭重聲明，本人並非為了要幫中時晚報仇才來踢爆聯晚的圖表XD&lt;/div&gt;&lt;/td&gt;&lt;br /&gt;  &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;初窺量化圖表的門徑後，我在看文章時常常會順道注意它所附的圖表。當然啦，10張有9張是「不適當」的畫法，其中又以時序列資訊圖表畫錯的最多。&lt;br /&gt;&lt;br /&gt;那麼多張有問題的圖表，為什麼我選擇這張圖表作為「批判圖表」的第一炮呢？說穿了，就是看「圖表設計」這四個字不順眼。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/66397607/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/32/66397607_5c578e5581.jpg" width="425" height="407" alt="3017894-1237414" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div align="center"&gt;《聯合晚報》，2005年11月20日，5版&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;請問各位冰雪聰明、目光敏銳的大大，你們看出這張圖表想要表達的意涵嗎？講真的，乍看之下看不出來吧？&lt;br /&gt;&lt;br /&gt;其實這張圖表是為了搭配一則新聞「&lt;a href="http://www.udn.com/2005/11/20/NEWS/NATIONAL/NAT5/3017894.shtml" target="_blank"&gt;寄生族不婚 1年少5萬對新人&lt;/a&gt;」，該名記者主要是報導台灣地區適婚年齡的有偶率逐年下降的現象。照理說，這張圖表既然是要輔助讀者理解報導內容，那為什麼我看不到有偶率下降的趨勢？&lt;br /&gt;&lt;br /&gt;很明顯的，這張圖表的類型用錯了。在時間序列的比較上，用&lt;strong&gt;折線圖(line)&lt;/strong&gt;與&lt;strong&gt;柱狀圖(column)&lt;/strong&gt;才能表達其「&lt;strong&gt;時間演進&lt;/strong&gt;」的意涵。一般來說，長條圖(bar)用在項目與項目間的次序比較上效果較佳。但如果把原本應該使用長條圖的時序列資訊用成了柱狀圖，就會讓資訊變得不易顯現，反而增加讀者的理解難度。&lt;br /&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/65572155/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/24/65572155_e3a74c2329.jpg" width="500" height="319" alt="年輕人有偶率逐年下降" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div align="center"&gt;這樣畫是不是清楚多了呢？&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;報社既然有「圖表設計」、「美編組」這樣的單位配置，那這些單位的首要任務，就是要&lt;strong&gt;讓統計資訊能夠透過圖表適切的表達出來&lt;/strong&gt;，而不是把資訊變得更複雜、生硬，讓讀者難以理解。今天聯晚這張圖的設計，完完全全違反了圖表製作的基本原則，把原本顯而易見的資訊變得艱澀難懂了，這樣，也可以叫做「圖表設計」？&lt;br /&gt;&lt;br /&gt;---------------------------------------------------------------------------------------------------&lt;br /&gt;後記：其實聯晚這則新聞的推論是有問題的。根據&lt;a href="http://sowf.moi.gov.tw/stat/year/y02-03.xls"&gt;內政部資料&lt;/a&gt;(excel檔)，近五年來50歲以下的有偶率幾乎都在下降，不是只有適婚年齡。何況，這些人晚結婚，也不代表他們沒有賺錢能力、「寄生」在家裡，聯晚這樣「扣帽子」也未免太武斷了吧？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-113310564219508704?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/113310564219508704/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=113310564219508704' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/113310564219508704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/113310564219508704'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2005/11/blog-post.html' title='這樣也叫做「圖表設計」？'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-112651073260333092</id><published>2005-09-11T23:16:00.000-07:00</published><updated>2005-09-15T23:33:13.200-07:00</updated><title type='text'>bar與column的抉擇</title><content type='html'>&lt;DIV align=center&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/43714751/" title="Photo Sharing"&gt;&lt;img src="http://static.flickr.com/25/43714751_8188267cdc.jpg" width="500" height="442" alt="民調公信力也是(倒數)第一的報紙" /&gt;&lt;/a&gt;&lt;/DIV&gt;&lt;br /&gt;有關於這張圖表背後的意涵之前&lt;a href="http://myweb.hinet.net/home4/nightpluie/blog/2005/09/blog-post_12.htm" target="_blank"&gt;已經論述過了&lt;/a&gt;，現在來談談這張圖表的技術層面。&lt;br /&gt;&lt;br /&gt;這張圖表最主要是在突顯蘋果日報長期忽視有效樣本數對於民意調查的公信力，但也由於「時間」這個要素在這張圖表上並不是重點，所以我一度在要使用bar還是用column來表達中猶豫。後來決定使用column，是因為使用bar通常按照大小順序排列，且通常是為了突顯其中一個數列；也由於這次在數列中我加了一個「理想樣本數」，其與蘋果日報的差距甚大，所以並不適合這次的數據。&lt;br /&gt;&lt;br /&gt;本來樣本數最高的月份（3月）也有標上數字629，但後來覺得既然重點是在凸顯蘋果的樣本數有多低，乾脆把它拿掉，並在座標軸旁加上數字，也許這樣會比較清楚。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.richyli.com/infographic/index.htm" target="_blank"&gt;怡志&lt;/a&gt;建議我把1068上面的空間加大到1500，並加上橫格線輔助，1068改用粗紅線表示，這樣感覺好多了。&lt;br /&gt;&lt;br /&gt;希望這張圖能被蘋果日報的相關人員看到，好好思考一下其中的意義。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-112651073260333092?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/112651073260333092/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=112651073260333092' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/112651073260333092'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/112651073260333092'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2005/09/barcolumn.html' title='bar與column的抉擇'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-111864708142586427</id><published>2005-06-13T00:08:00.000-07:00</published><updated>2005-09-11T03:25:45.760-07:00</updated><title type='text'>拉長、拉長、再拉長</title><content type='html'>&lt;DIV align=center&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/17975630/" title="Photo Sharing"&gt;&lt;img src="http://photos12.flickr.com/17975630_15a235c345.jpg" width="452" height="500" alt="2004年台灣赴大陸人次創近九年新高" /&gt;&lt;/a&gt;&lt;/DIV&gt;&lt;br /&gt;為了在論文中證明大陸與台灣的交流愈來愈頻繁，我到陸委會的網站找了「&lt;a href="http://www.mac.gov.tw/big5/statistic/ass_lp/d7/9312.gif"&gt;臺灣地區人民前往大陸地區人次統計圖&lt;/a&gt;」&lt;br /&gt;&lt;br /&gt;其實陸委會這張圖已經畫得滿標準的。雖然我對「每個年度上頭都標上該年人數」有一點點意見，但是基本上「用柱狀圖來表示趨勢」是沒問題的。&lt;br /&gt;&lt;br /&gt;在重畫的過程中，由於2003年SARS風暴讓台灣赴大陸的人次減少了近三分之一，但是基本上還是朝逐年增加的趨勢發展；即使如此在製作圖表的過程中，還是很難去避免「凸顯2003年」。&lt;br /&gt;&lt;br /&gt;另外，因為2002與2004的人數實在太過接近，不論是折線圖還是柱狀圖，都很難凸顯2004年是近九年最高，那該怎麼辦呢？&lt;br /&gt;&lt;br /&gt;經過請益後，圖表達人建議遇到這種特殊情況，應該以柱狀圖來表達；也為了凸顯數據、加深差距，可以把整張圖以長方形的方式來呈現，如此一來04與02年的差距就會「感覺」比較大。&lt;br /&gt;&lt;br /&gt;有嗎？大夥看看吧！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-111864708142586427?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/111864708142586427/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=111864708142586427' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111864708142586427'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111864708142586427'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2005/06/blog-post.html' title='拉長、拉長、再拉長'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-111599544561154089</id><published>2005-05-13T22:45:00.000-07:00</published><updated>2005-09-11T03:25:12.216-07:00</updated><title type='text'>「事件發生」在圖表中的表達</title><content type='html'>&lt;DIV align=center&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/14356903/" title="Photo Sharing"&gt;&lt;img src="http://photos12.flickr.com/14356903_1af9a4db8e_o.gif" width="425" height="375" alt="連爺爺，您終於回來啦" /&gt;&lt;/a&gt;&lt;/DIV&gt;&lt;br /&gt;前一陣子銘報希望我幫忙注意中國時報在報導連戰訪中的新聞則數與版面，我整著整著突然就想要畫圖表了！之前在銘報處理的都是屬於沒有時間趨勢的圖表，難得有此機會來處理一下有時間趨勢的數據。&lt;br /&gt;&lt;br /&gt;中間那兩條虛線是代表「事件發生」，可以看到連胡會後，中國時報隔天在相關報導的則數上明顯增加（廢話），也因為連戰此行最受矚目的就是與胡錦濤的會面，所以在連胡會後與連戰訪中相關的報導則數就明顯下降；到了5月1日藝人倪敏然的遺體被發現後，5月2日的中國時報報導連戰訪中的相關新聞更創新低（呃...這種用法大家懂意思就好）。&lt;br /&gt;&lt;br /&gt;在畫這張圖表時曾遇到一個難題，就是如何把「事件發生」的時間點適當的表達在這張圖表上。因為事件發生後，見報會有一天的時差，本想說在圖的下方寫「註」來解釋；後來&lt;strong&gt;&lt;a href="http://www.richyli.com/" target="_blank"&gt;怡志&lt;/a&gt;&lt;/strong&gt;建議我加虛線來表達，就成了上面這副德行，也不曉得對是不對？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-111599544561154089?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/111599544561154089/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=111599544561154089' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111599544561154089'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111599544561154089'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2005/05/blog-post_13.html' title='「事件發生」在圖表中的表達'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-12258374.post-111449805143071418</id><published>2005-05-13T22:14:00.000-07:00</published><updated>2005-05-13T07:59:29.073-07:00</updated><title type='text'>圖表研究室正式開張！</title><content type='html'>想要弄這個「圖表研究室」想很久了。雖然早就在&lt;strong&gt;&lt;a href="http://nightpluie.myweb.hinet.net/" target="_blank"&gt;Nightpluie&lt;/a&gt;&lt;/strong&gt;貼出預告，但一直苦無時間更新，而且本來打算把這個blog與&lt;strong&gt;&lt;a href="http://www.wretch.cc/" target="_blank"&gt;無名小站&lt;/a&gt;&lt;/strong&gt;連在一起，沒想到無名小站的圖不可以連結，我才轉而使用&lt;strong&gt;&lt;a href="http://www.flickr.com/photos/nightpluie/" target="_blank"&gt;Flickr&lt;/a&gt;&lt;/strong&gt;。&lt;br /&gt;&lt;br /&gt;今天花了一個下午把之前在銘報畫的圖表全部重畫一遍，內容、畫法有錯誤的部分也做了更正，未來會陸陸續續在這個blog發表！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/12258374-111449805143071418?l=graphicpluie.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://graphicpluie.blogspot.com/feeds/111449805143071418/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=12258374&amp;postID=111449805143071418' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111449805143071418'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/12258374/posts/default/111449805143071418'/><link rel='alternate' type='text/html' href='http://graphicpluie.blogspot.com/2005/05/blog-post.html' title='圖表研究室正式開張！'/><author><name>nightpluie</name><uri>http://www.blogger.com/profile/02603072187084320052</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://2.bp.blogspot.com/_OegQwEDOnAY/TBxDrWSqPLI/AAAAAAAAAT0/-kAVEERwqtw/S220/IMG_3974.jpg'/></author><thr:total>1</thr:total></entry></feed>
