Project1
目標:
將資料內容清楚且直覺地表達。請由助教提供之範例檔進行實作。
說明:
衛生福利部中央健康保險署的健保醫療資料包含 95 - 98 各年度不同年齡階層的死亡人數請將資料透過 d3js 作清楚的展示, 讓使用者可以了解不同性別 不同年齡層 與 不同年度的比例與變化。
請使用助教以下所提供資料檔案,網頁可自由發揮創意,並不限定使用助教所提供之技術來源。
繳交:
每組需在小組網頁上,發表1000字左右的報告並上傳實作成果,並在課堂上做20分鐘的簡報。專題可達到以下評核點:
1. 呈現男女個別資料
2. 清楚區分各年齡層人數及文字標示
3. 不同年度 (95/96/97/98) 切換
使用資料 : 下載連結
技術參考: (1) http://140.112.12.21/vie2015/mean_daily_plaza_traffic.html
(2) Slider 範例 http://thematicmapping.org/playground/d3/d3.slider/ 或是 http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/
(3) csv讀取範例_95年度
結果參考: 畫面
進階參考: 原始資料及R 前處理程式
將資料內容清楚且直覺地表達。請由助教提供之範例檔進行實作。
說明:
衛生福利部中央健康保險署的健保醫療資料包含 95 - 98 各年度不同年齡階層的死亡人數請將資料透過 d3js 作清楚的展示, 讓使用者可以了解不同性別 不同年齡層 與 不同年度的比例與變化。
請使用助教以下所提供資料檔案,網頁可自由發揮創意,並不限定使用助教所提供之技術來源。
繳交:
每組需在小組網頁上,發表1000字左右的報告並上傳實作成果,並在課堂上做20分鐘的簡報。專題可達到以下評核點:
1. 呈現男女個別資料
2. 清楚區分各年齡層人數及文字標示
3. 不同年度 (95/96/97/98) 切換
使用資料 : 下載連結
技術參考: (1) http://140.112.12.21/vie2015/mean_daily_plaza_traffic.html
(2) Slider 範例 http://thematicmapping.org/playground/d3/d3.slider/ 或是 http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/
(3) csv讀取範例_95年度
結果參考: 畫面
進階參考: 原始資料及R 前處理程式
Project2
目標:
設計及實作出互動式之呈現方式、及可進行判斷及比較之資訊內容。
說明:
中央地質調查所長期於廬山溫泉地區作各種資料監測, 希望能夠在坡地災害發生之前提出預警,以降低災損。 請使用 d3js 同時展示位移量、雨量與地下水位三種不同資料。
請使用助教以下所提供資料檔案,網頁可自由發揮創意,並不限定使用助教所提供之技術來源。
繳交:
每組需在小組網頁上,發表1000字左右的報告並上傳實作成果,並在課堂上做20分鐘的簡報。專題需達到以下評核點:
1 展示地滑、雨量與地下水位三種資料
2 互動顯示詳細文字資訊
3 輔助對照進行觀察或調整顯示範圍大小
使用資料 : 下載連結
技術參考: (1) http://metricsgraphicsjs.org/examples.htm 範例ex_MG
(2) https://github.com/boorad/d3-tsline
結果參考: 畫面1 畫面2
設計及實作出互動式之呈現方式、及可進行判斷及比較之資訊內容。
說明:
中央地質調查所長期於廬山溫泉地區作各種資料監測, 希望能夠在坡地災害發生之前提出預警,以降低災損。 請使用 d3js 同時展示位移量、雨量與地下水位三種不同資料。
請使用助教以下所提供資料檔案,網頁可自由發揮創意,並不限定使用助教所提供之技術來源。
繳交:
每組需在小組網頁上,發表1000字左右的報告並上傳實作成果,並在課堂上做20分鐘的簡報。專題需達到以下評核點:
1 展示地滑、雨量與地下水位三種資料
2 互動顯示詳細文字資訊
3 輔助對照進行觀察或調整顯示範圍大小
使用資料 : 下載連結
技術參考: (1) http://metricsgraphicsjs.org/examples.htm 範例ex_MG
(2) https://github.com/boorad/d3-tsline
結果參考: 畫面1 畫面2
Project3
目標:
依照課堂提供之資料,設計決策支援的視覺化方法或系統(Decision Support Visualization),以擬真的方式,呈現出使用環境、情境及操作步驟,讓使用者能透過視覺化的方式,瞭解問題的本身,進而做出決策判斷。
說明:
英國石油公司(BP)自西元1985年起提供年度世界能源統計的資料,包含煤(Coal)、石油(Oil)、天然氣(Nature gas)水力發電(Hydro electricity)、核能發電(Nuclear energy)以及再生能源(Renewable)等。請使用Tableau,展示世界能源使用分布、能源生產與消耗關係圖以及能源使用量(以噸為單位)排序圖。
(加分題) 能源使用量單位可於「公噸(tonne)」與「公噸/每人」之間來回切換。
繳交:
每組需在小組網頁上,發表關於你們作品的介紹及操作說明,並上傳實作成果。專題需達到以下評核點:
1. 展示:使用Dashboard清楚呈現「世界能源使用分布」、「能源生產與消耗關係」以及「能源使用量排序」 等圖表
2. 資訊刷:合理地建立上述三圖表之間的關聯性
3. 過濾*:提供過濾器(filter)之功能,以「年度」、「能源種類」為過濾條件
4. 故事:說明一個你從中觀察到的趨勢
*備註:至少需提供5個年度(例如:2008~2012)以及3種能源(煤、石油、天然氣)作為過濾器的選項。
使用資料:BP世界能源統計、(加分題)世界銀行人口統計
結果參考:畫面1(展示)、畫面2(資訊刷)、畫面3(過濾) (因為助教用的是另一份原始資料,故長條圖中顯示的數值僅供參考)
依照課堂提供之資料,設計決策支援的視覺化方法或系統(Decision Support Visualization),以擬真的方式,呈現出使用環境、情境及操作步驟,讓使用者能透過視覺化的方式,瞭解問題的本身,進而做出決策判斷。
說明:
英國石油公司(BP)自西元1985年起提供年度世界能源統計的資料,包含煤(Coal)、石油(Oil)、天然氣(Nature gas)水力發電(Hydro electricity)、核能發電(Nuclear energy)以及再生能源(Renewable)等。請使用Tableau,展示世界能源使用分布、能源生產與消耗關係圖以及能源使用量(以噸為單位)排序圖。
(加分題) 能源使用量單位可於「公噸(tonne)」與「公噸/每人」之間來回切換。
繳交:
每組需在小組網頁上,發表關於你們作品的介紹及操作說明,並上傳實作成果。專題需達到以下評核點:
1. 展示:使用Dashboard清楚呈現「世界能源使用分布」、「能源生產與消耗關係」以及「能源使用量排序」 等圖表
2. 資訊刷:合理地建立上述三圖表之間的關聯性
3. 過濾*:提供過濾器(filter)之功能,以「年度」、「能源種類」為過濾條件
4. 故事:說明一個你從中觀察到的趨勢
*備註:至少需提供5個年度(例如:2008~2012)以及3種能源(煤、石油、天然氣)作為過濾器的選項。
使用資料:BP世界能源統計、(加分題)世界銀行人口統計
結果參考:畫面1(展示)、畫面2(資訊刷)、畫面3(過濾) (因為助教用的是另一份原始資料,故長條圖中顯示的數值僅供參考)
Final Project
目標:讓社會更瞭解臺大的狀況。
資料來源:台灣大學2014統計年報
各組網頁需達到以下評核點:
1. 整合(fusion) 3個以上的資料:需說明及列出使用的原始資料來源,
並在各組網頁上可供參考。
2. 資料呈現:靜態時可提供關鍵資訊,讓人看得懂資訊的表達;
動態時可互動性的比較,並進行資料探索及決策。
需以第二周資料視覺化的第六頁「好的資料呈現」為標準:
(1) 深度
(2) 極簡
(3) 好用
(4) 忠實
3. 故事性 (storyboard)、主題性:
(1) 要呈現什麼故事/主題
(2) 此故事/主題的趨勢/現象的說明