http://dbootcamp.taipei/

1. 穿越時空的資料新聞呈現
簡介與工具介紹
Jimmy Huang 黃雋

2. 資料新聞？
● 把故事整理成資料（Database journalism）
– 從大量新聞事件中，整理成脈絡
– 可以取材自Data-driven的資料
– From https://www.wikiwand.com/en/Database_journalism
● 從資料中找到故事（Data-driven journalism）
– Bigger datasets, smaller things
– 80% perspiration, 10% great idea, 10% output
– Long and short-form
– From http://www.theguardian.com/news/datablog/2011/jul/28/data-journalism
調
查
報
導

3. 要有什麼菜，先要有什麼料
● 工具介紹：
– 使用開源工具產製新聞
– 整理你的資料
– 找到經緯度
● 案例介紹：
– 時間新聞案例
– 空間新聞案例、資料

4. 使用工具： StoryMap說地理故事

5. ● 用 Google 帳號登入 StoryMap
● 製作主題頁面
● 製作 slide（記得要設定地點，可搜尋地圖）
● 上傳或張貼圖片（記得撰寫引用來源）
● 預覽成果、分享連結
● 剛剛輸入的資料在哪裡？
– 網址替換成 published.json
● 認識JSON資料格式
storymap.knightlab.com

6. 小技巧：取得經緯度
● Open Street Map

7. ● Google Map

8. 運用時間軸講故事
http://abcnews.go.com/Politics/fullpage?

9. https://video.udn.com/topic/237
/

10. 使用工具：TimelineJS 3 說時間故事

11. ● 從網站中點選「Google Spreadsheet Template」由範本開始建
立資料
● 共用 Google Spreadsheet ，直接設定為允許大家編輯（或將小
組成員加入共筆）
● 發佈 Google Spreadsheet
● 張貼至 Timelinejs3 網站中
● 資料重複應用 - 別忘記剛剛的 JSON 檔案
● 將製做完成的 timelinejs，貼上 hackpad
timeline3.knightlab.com

12. 小技巧：嵌入外部表格
● 打開 Google Sheet
● 新增[工作表 2]
● 貼入下面文字在儲存格
=ImportHTML("https://docs.google.com/spreadsheets/d/1Pf1CXqr
xFJyPsYJN6lMOEwy5aIrVBcksSxjOL7ui35o/pubhtml","table",1)
● 成功載入遠端表格後，複製想要的內容（行）
● 在[工作表1]，右鍵 > 選擇性貼上 > 僅貼上值

13. 使用你的資料
● 如何轉換 JSON 至 CSV 資料？
– 詳見下午 Ronnywang 的「資料在哪裡」
● 可以換成不同形式呈現嗎？
– 詳見下午李慕約「資料視覺化」
● Google Spreadsheet 很難用？
– 詳見下午吳泰輝「迎戰壞資料」

14. 案例分享

15. 紐約時報：關達那摩人權議題
● 親手整理數百個案例的資料
● 同一份資料，紙媒和網媒有不同呈現
● 看過最有意思的時間軸呈現
● 2011獲獎(Malofiej )，但到2015還可以繼續做
NY Times. Peter Sullivan / Best of Show Award. The Guantanamo
Docket

16. 資料在哪裡？令人痛苦的 PDF...

17. http://www.malofiejgraphics.com/wp-
● 數百個案例怎麼呈現？
● 全版報紙！

18. http://projects.nytimes.com/guantanamo

19. 芝加哥論壇報：芝加哥犯罪地圖
● 資料並不吸引人，難呈現
● 地理位置呈現大資料的視覺方式
● 可以一直做很多年
● 時間因素加入進行直條圖比對

21. http://crime.chicagotribune.com/chicago/shootings
https://data.cityofchicago.org/Public-Safety/Crimes-2001-to-present/ijzp-q8t2

22. Spiegel Online：穿越時空的選舉
● 選舉結果不就那樣，又能怎樣呈現？
● 選舉資料不就那樣... 下略
● 地圖不就那樣 .. 下略

23. https://www.govdata.de/suchen/-/details/bundestagswahl-2009-
erststimmen-k

24. http://www.spiegel.de/politik/deutschland/wahl-zeitmaschine-ergebnisse-aller-
bundestagswahlen-a-918701.html

26. 小結
● 建立自己的資料集
– 時間
– 地理位置
● 善用工具、重複利用建立好的資料、共筆協作
● 資料怎麼解讀、從哪來、怎麼呈現
● 資料新聞想要做多久

27. 吃飯去
別忘了討論黑客松想做的主題

28. Reference
● ONA (journalists.org )
http://journalists.org/awards/2014-awards/
http://journalists.org/awards/2013-awards/
● Guardian – Data Blog
– http://www.theguardian.com/data
– http://www.theguardian.com/news/datablog/interacti
ve/2013/jan/14/all-our-datasets-index