|
課程名稱 |
淺談資料視覺化與D3.js
Data Visualization and D3.js |
|
開課學期 |
106-1 |
|
授課對象 |
共同教育組 |
|
授課教師 |
蔡芸琤 |
|
課號 |
CSX0009 |
|
課程識別碼 |
H03 00800 |
|
班次 |
02 |
|
學分 |
1.0 |
|
全/半年 |
半年 |
|
必/選修 |
選修 |
|
上課時間 |
第7,8,9,10,11,12 週
星期二10,A,B(17:30~20:10) |
|
上課地點 |
普204 |
|
備註 |
密集課程。需自備筆電,第一堂課未到視同放棄,無須程式背景,。基本能力課程。
總人數上限：30人 |
|
Ceiba 課程網頁 |
http://ceiba.ntu.edu.tw/1061CSX0009_02 |
|
課程簡介影片 |
|
|
核心能力關聯 |
本課程尚未建立核心能力關連 |
|
課程大綱
|
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
|
課程概述 |
想將大量的數據變成說故事的圖案可使用JavaScript函式庫D3.js來實現。本課程以JavaScript & HTML為基礎，講解D3.js概念，再以實例來教學如何使用D3.js。
|
|
課程目標 |
想透過這門課，和學生們一同製作出屬於台大的資料開放平台，就暫且稱呼為 NTU G0V 吧！進行資料分析不是為了要批評或鬥爭，而是想要讓我們的學校可以透過資訊技能，看到問題點在哪裡，進而得到更好的決策參考。 批評很容易，放炮也很簡單。最難的是要如何在舊有的體制內做軟性的創新，讓大家都願意一同進步，期待熱血的你們加入。以開放政府G0V的概念為基礎，對台大公開資料進行討論與分析。 |
|
課程要求 |
1. 資料收集與整理：以台大公開資料進行討論與分析。
2. 個人作業：每兩週課堂安排一次回家作業，請詳見每週課程進度。
3. 期末專題：小組成員以一至三人為限，評分來源包括老師與全班給予評分。 |
|
預期每週課後學習時數 |
|
|
Office Hours |
另約時間 |
|
指定閱讀 |
待補 |
|
參考書目 |
https://drive.google.com/drive/folders/0B-gXNntO7mmkZlAwcnVjOHJ6N2M?
usp=sharing |
|
評量方式
(僅供參考) |
|
No. |
項目 |
百分比 |
說明 |
|
1. |
期末專題 |
40% |
小組成員以一至三人為限，評分來源包括老師與全班給予線上評分。 |
2. |
作業三 |
20% |
【長條圖】台大各系人數歷年變化。 |
3. |
作業二 |
20% |
【圓餅圖】台大各學院學生人數分布狀況。 |
4. |
作業一 |
20% |
【折線圖】台大師資人數歷年變化。 |
|
|
週次 |
日期 |
單元主題 |
|
第7週 |
|
1. 如何使用 Github。
2. 簡介 SVG 與 CSS。
3. 公布作業一。
<a href=https://docs.google.com/presentation/d/e/2PACX-1vRLr1SZMDLCMizeL8PpTyKv1DO-nGwpzgnkRgyyOGK0pK1HDmJKxxi-GxwpfIODhlVleum9-RK_nw68/pub?start=false&loop=false&delayms=3000>本週課程投影片</a> |
|
第8週 |
|
1. <a href=https://docs.google.com/presentation/d/1gZUr3wbpSJ7Blj707pDUTRTlyOja3sKSxfjjvBlrsgw/edit#slide=id.p>D3.js 資料結構與基本函式</a>。
2. <a href=https://docs.google.com/presentation/d/127MtkK9dQb6QhfD_mVfikHa4eZZqF5lIhQiBGFcSCgw/edit?usp=sharing>使用 D3.js 進行折線圖繪製</a>。
作業一繳交截止。 |
|
第9週 |
|
1. 使用 D3.js 進行長條圖繪製。
2. 公布作業二。
<a href=https://docs.google.com/presentation/d/e/2PACX-1vQzZ8sv0FCwEifoinLiXbjEh5W59_VxOUjlFhSgk4HrpVkxnvveMzxFNS4jC23QIY474IJC4imYKS9u/pub?start=false&loop=false&delayms=3000>本週投影片</a> |
|
第10週 |
|
1. 使用 D3.js 進行圓餅圖繪製。
2. 進行專題分組。
3. 105-2 學期視覺化成果分享。
<a href=https://docs.google.com/presentation/d/e/2PACX-1vS_22WSDcE_CyDtWaittIYIZMgTZN8aJx-VYNckaNPgFfCVjJbnaKdMNJhsWOtIBqgWuD1DgYMjNeq6/pub?start=false&loop=false&delayms=3000>本週投影片</a> |
|
第11週 |
|
JavaScript 自訂物件
<a href=https://docs.google.com/presentation/d/e/2PACX-1vTZTbPXMUQH00PUIWDLz0qXmC4M_7jAjCFgaiiiUiZTnq6yv2XWRYcjXLzOas34UeL9kGWNg8NhyLK1/pub?start=false&loop=false&delayms=3000>本週投影片</a> |
|
第12週 |
|
1. 探索式資料分析介紹。
2. 資料視覺化的基本精神介紹。
3. D3.js 網路自學資源介紹。
4. 繳交作業三，期末專題於12/26之前繳交。
<a href=https://docs.google.com/presentation/d/e/2PACX-1vRnzgsZk93YzjGXANlQgT8yFOWFPVFbCEkLjmqRhARDKwYcw0NPdl0LYvwGljL6GaGvYUtN3sc1Pzci/pub?start=false&loop=false&delayms=3000>本週課程投影片</a> |