【資訊圖表|Excel也能製作雙北捷運路線圖?視覺化各站客量分佈與變化|限時下載】

閱讀時間約 7 分鐘
之前示範過用Excel產出啞鈴圖,這一次我們繼續打破 #資訊視覺化 的迷思,軟體知識與編程技巧不一定是製作圖表的門檻。適逢 #台北捷運 踏進30年,我們就來看一下,如何在Excel製作出雙北捷運的路線圖,然後再配上不同的數據圖表,以顯示客量的分佈與變化。
raw-image



鐵路或捷運路線圖,固然有專業軟體可以製作出來,而使用Excel的原因,就是在繪圖後能夠疊上資訊圖表。你在學校、公司或是研究所,可能只有Office而沒有Tableau或其他軟體,或是不懂R與Python等視覺化編程,這些都不應該阻擋了製作捷運沿線資訊圖表。

raw-image



你可能會在想,把各個捷運站的地理坐標輸入,然後用軟體串連起來不就好了嗎?在處理資訊圖表的時候,如果能夠呈現觀眾較為熟悉的模樣,會更容易理解及產生共鳴。雖然地理坐標能準確地復映地貌,但是對普羅大眾來說,捷運路線圖在生活中經常會見到和用上,這種熟悉度能夠提升訊息傳遞的效果。

raw-image



散佈圖是Excel包含的基本圖表之一,不需要外掛也能夠製作。就像是折線圖、長條圖等圖表一樣,散佈圖的基本設定也很容易,亦適用於捷運路線圖的製作:

  • 數據標籤:顯示捷運站的名稱,按需要選擇位置,例如是數據點的上方或右方,遇上較擠擁的轉車站,就需要手動調節位置;
  • 數據標記:圓形的數據標記,能夠作為代表捷運站的圓點,外框是該路線的顏色,然復設定為白色填滿就已經很像真了;
  • 路線末端的正方形形狀,也可以利用數據標記來製作。選取正方形作為標記的形狀,放大面積,數據標籤放在正方形中央即可。 另外,將與鄰近總站的數據點的線條,設定為No line,在視覺上就有斷開的效果,而仍然保留在同一個數列之中。
  • 轉車站的數據標記,透過以下的巧思,亦能夠製作出雙色外框的效果。
raw-image



Excel的預設功能沒有雙色填滿,但是當漸變色只由兩種顏色組成,並將兩者的位置設定為無限接近,例如是50%與51%(兩種顏色不能共享同一個位置設定),沒有漸變的空間下,看上去就變成了雙色填滿。

這個技巧也適用於簡報中需要為形狀作為雙色填滿的時候使用,例如長條形狀中,兩種顏色處於30%與31%,就達致了三七之分的對比來呈現數據比較。

raw-image




捷運路線圖當中,如果有太多直角和折線,看上去會減低親切感,故此多數的路線圖都會用上圓角或弧線來處理。在Excel中沒有相關的設定,然而,散佈圖的好處是可以加入人造數據點,利用軟體畫曲線時會用上Bezier Curve的特點,迫使Excel繪出接近是四分之一圓形的曲線。

處理方法其實很簡單,圓角的半徑決定了視覺效果,將半徑代入三角函數,就能夠得出圓周上各個位置的坐標。在四分之一圓當中,加入愈多的等距數據點,就愈接近完美的圓角。由於捷運路線圖面積較多,圓角的半徑很小,在這個分享中我就只加入了一個數據點,對視覺的呈現沒有太大的影響。

raw-image




相信大家都了解,在折線圖或是散佈圖中,選取Smoothed line的設定,就能夠令直線變成曲線的繪圖。曲線繪圖有時會出現奇怪的效果,例如是兩個相同的數據,我們會期望兩者之間是直線,然而由於要令整條數據線成為順滑的曲線,結果它們之間也出現了上升或是下沉的曲線。如果圖表需要同時用另一條水平線,來顯示目標或是警號,就容易出現錯覺。

這又是否代表了在圖表中,只可以在全部直線與全部曲線之間,二擇其一?

raw-image



還有一個解決的的方法,就是在預想直線與曲線的相交點,重覆一個數據點。每遇上一個重覆數據點,Excel就會在直線與曲線處理中變換,所以在同一個線條內,你有全權控制哪一段是直線,哪一段是曲線。這個撇步讓我可以在路線圖中繪出圓角,或是從水平線順暢地轉接到四十五度角往下的另一段。

raw-image
raw-image



看到這裡,你大概會有一個疑問,究竟認識路線圖有甚麼用?學會了一點圖表處理技巧,但是路線圖本身有甚麼用途?

圖表中各捷運與輕軌路線均為獨立數列,你可以輕鬆設定包含在圖表與否,製作單獨路線或路線組合的圖表。而且,捷運客量只是一個開始,利用捷運路線圖,你可以延伸製作有關雙北人口、收入、教育程度、租金房價、疫情個案、產品銷量等不同商業或社會面向的研究與報表;明白到捷運路線圖背後的製作原理,你亦可以製作出各種交通工具、貨運物流、熱門景點等不同的路線圖,再導入外部或公開數據而產出資訊圖表。

raw-image



說到導入公開數據,接下來我們來看一下,怎樣運用北捷與雙北市政府的公開數據,來建構出有關客運量的圖表。

以每日客量為例,容易受到天氣、節日、活動、故障等影響,故此要視覺化客量的數字,我會建議取一個月的平均數,以減少外來因素的影響。

圖表中的捷運站名稱,除了用作數據標籤的來源外,也可以用來連接圖表與下載了的客運數據。新北市的開放數據中,捷運站是縱向排列的,相反,台北市的開放數據中,捷運站是橫向排列。所以,我們各自設定HLOOKUP與VLOOKUP函數,就能夠獲取各個捷運站的客量數字。這個方法不需要網絡爬蟲的編程,亦即是說,幾乎任何人也能夠製作出捷運的資訊圖表,而不需望著門檻而輕嘆。

raw-image
raw-image




以灰階的路線圖為基礎,將顏色留待表達客量之用。按照各站月平均客量,設定到平均間距的分類中,各個分類成為獨立的數列,每個新數列再額外加入一個數據點用於繪出圖例。在例子中我以一萬人為平均間距,產生了十一個新數列,配上順序變深的藍色,記得數據點之間設定為No line,因為你不需要點與點之間有任何線條。

raw-image




透過熱力圖(Heatmap),我們很容易看出今年2月台北101站的客量比附近的市政府站、甚至比中山、忠孝復興等捷運站為低;西門站則是台北車站以外進出站最高的捷運站。

或許你在想,最高客運量當然在市中心吧!既然有數據為甚麼不作比較當中的變化呢?

raw-image



作兩年之間的數據變化,記得要以增長或減少的百分比,因為北車一天增加一千人,對比其他捷運站,幅度已經有所不同。客量的數據的變化,考慮到增長與減少的兩個方向,當然你可以選用深淺不同的藍色與紅色來代表,為著示範緣故,試著從泡泡圖來著手。

泡泡的大小可以顯示出變化的幅度,顏色則是代表變化的方向,顏色的透明度可以讓觀眾仍然看到捷運的路線圖:

raw-image


從知識傳承的角度出發,雙北捷運的彩色與灰階路線圖,Excel原檔案將限時免費下載。

授權規則為CC-BY-NC-SA:

  1. 可作分享、複製、修改;
  2. 使用時必須標示出處與連結;
  3. 不可應用於商業用途中;
  4. 所產生的延伸著作也必須採用同樣授權方式。


作為課後練習,你可以在下載後,在路線圖的基礎上試著製作熱力圖、泡泡圖等資訊圖表,有疑問或難處,也可以留言或私訊聯絡。

下載的方法,請移步到臉書專頁:https://www.facebook.com/salaryman.presentations/


(CC BY-NC-ND 4.0)


我的第一本簡報書「全圖解!避開99%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。

喜歡社交媒體的朋友,歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/),一口式內容,適合通勤時學習之用。

社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:salaryman.inbox@gmail.com

人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
發表第一個留言支持創作者!
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。
電子產品發佈會,在形式與規模上,與在辦公室會碰到的商業簡報類型,有著愈來愈大的分別。作為上班族,有著華麗舞台與特效的產品介紹,跟你又有甚麼關係?偷師學會的技巧,用不著就談不上實用。不用擔心,這一期的簡報實評,已經為你從三星的最新發佈會,提煉出能夠立刻應用在你下一次簡報的設計與闡述改良版技巧。
在商業簡報中呈現數據有各種不同的手法,能達致的效果有三種層次,由單純的數字或是圖表顯示、到把趨勢或是重點標示、直至能涵蓋前因後果,跳出圖表範圍,提出實用洞見。接近年終年始,又是製作各種報表的繁忙時節,這一次的改造,讓我們看看商業簡報與報告中常見的圖表:市場佔有率走勢。 教材來自市場調查機構Co
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
很多人都明白,不應把所有內容塞進投影片中,然後在簡報時逐字讀出;然而該放多少內容在投影片,該留多少在演辭中,就有不少爭議。來自顧問公司麥肯錫的John Larson,早前應邀出席了人工智慧科企的年度峰會。他的簡報示範了另一種解決辦法,就是不在投影片和演辭之間做內容上的切割,而是在闡述角度中進行分工。
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。
電子產品發佈會,在形式與規模上,與在辦公室會碰到的商業簡報類型,有著愈來愈大的分別。作為上班族,有著華麗舞台與特效的產品介紹,跟你又有甚麼關係?偷師學會的技巧,用不著就談不上實用。不用擔心,這一期的簡報實評,已經為你從三星的最新發佈會,提煉出能夠立刻應用在你下一次簡報的設計與闡述改良版技巧。
在商業簡報中呈現數據有各種不同的手法,能達致的效果有三種層次,由單純的數字或是圖表顯示、到把趨勢或是重點標示、直至能涵蓋前因後果,跳出圖表範圍,提出實用洞見。接近年終年始,又是製作各種報表的繁忙時節,這一次的改造,讓我們看看商業簡報與報告中常見的圖表:市場佔有率走勢。 教材來自市場調查機構Co
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
很多人都明白,不應把所有內容塞進投影片中,然後在簡報時逐字讀出;然而該放多少內容在投影片,該留多少在演辭中,就有不少爭議。來自顧問公司麥肯錫的John Larson,早前應邀出席了人工智慧科企的年度峰會。他的簡報示範了另一種解決辦法,就是不在投影片和演辭之間做內容上的切割,而是在闡述角度中進行分工。
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
當日語學習到一個程度,就會發現"免費的"資源越來越少 入門的日語太多人分享,但到了一個不上不下的程度 這時候學習的費用也越來越高。 國立公共資訊圖書館 電子書服務平台 平台為國內第一個以典藏正體中文電子書為主的電子書平台,全國任一間公共圖書館讀者加入會員後,即可無償借閱電子書,目前典藏超過4萬5千種
Thumbnail
於蔚藍晴空中,站在絕美的綠建築上,眺望綿延山景及無邊際的天際線,世界是如此的寬廣,如此美好。
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
前一年經營下來沒有什麼太大的問題,反倒是今年,地圖資訊的經營就跟今年世界各處不斷發生的災害一樣,還碰上遙遙無期的疫情,資訊銷售跟去年比起來,業績幾乎腰斬一半。除此之外,重點是有人冒充我的身分,盜賣我辛苦製作的資訊,少了好幾單的生意才發現有這號人物存在,營收就跟扶不起的阿斗一樣直直落下。
Thumbnail
分別向高中職與大專學生徵件,鼓勵各位同學參與。滿建議找(雖然那時可能有點厭世的)畢業班學長姊2到3人一組,練習組隊解任務的設計韻律。以下為相關資訊。 第一名:12,000元獎學金及獎狀 報名時間:2020年6月10日開始;繳件日期:2020年6月17日至6月30日止。
Thumbnail
走進圖書館,第一個映入你眼簾的是層層堆疊、數也數不清的無數書本,還是坐在櫃檯之後、穿梭在書架之間、骨碌碌地推著推車、忙碌不停的館員身影?圖書館主要的目的是提供圖書資訊服務給任何走進圖書館的人,而這所有的服務,都需要館員在書架背後的努力。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
當日語學習到一個程度,就會發現"免費的"資源越來越少 入門的日語太多人分享,但到了一個不上不下的程度 這時候學習的費用也越來越高。 國立公共資訊圖書館 電子書服務平台 平台為國內第一個以典藏正體中文電子書為主的電子書平台,全國任一間公共圖書館讀者加入會員後,即可無償借閱電子書,目前典藏超過4萬5千種
Thumbnail
於蔚藍晴空中,站在絕美的綠建築上,眺望綿延山景及無邊際的天際線,世界是如此的寬廣,如此美好。
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
前一年經營下來沒有什麼太大的問題,反倒是今年,地圖資訊的經營就跟今年世界各處不斷發生的災害一樣,還碰上遙遙無期的疫情,資訊銷售跟去年比起來,業績幾乎腰斬一半。除此之外,重點是有人冒充我的身分,盜賣我辛苦製作的資訊,少了好幾單的生意才發現有這號人物存在,營收就跟扶不起的阿斗一樣直直落下。
Thumbnail
分別向高中職與大專學生徵件,鼓勵各位同學參與。滿建議找(雖然那時可能有點厭世的)畢業班學長姊2到3人一組,練習組隊解任務的設計韻律。以下為相關資訊。 第一名:12,000元獎學金及獎狀 報名時間:2020年6月10日開始;繳件日期:2020年6月17日至6月30日止。
Thumbnail
走進圖書館,第一個映入你眼簾的是層層堆疊、數也數不清的無數書本,還是坐在櫃檯之後、穿梭在書架之間、骨碌碌地推著推車、忙碌不停的館員身影?圖書館主要的目的是提供圖書資訊服務給任何走進圖書館的人,而這所有的服務,都需要館員在書架背後的努力。