完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201509/svg-d3-20-bar-chart-tainan-dengue.html
摘要:
在 上一篇 我們介紹了長條圖的畫法,因為之前看過有人做了高雄和台南登革熱病例的長條圖 ( 不過他們不是用 d3.js 做的 ),所以想說自己學了 d3.js 也來試試看,雖然還做不到跟地圖結合,但可以將數字表格轉換成可視的圖形,就更容易理解疫情的變化囉。 因為要繪圖,就需要資料,我這邊使用的資料是台南的登革熱每日病例 ( 參考 104年臺南市本土登革熱病例數,使用 csv 需要跨域,可以用後端爬一份放在自己的 server 即可,不過覺得台南市政府可以用成英文啦,中文會有編碼的問題呀! ),我抓了一份 csv 檔,用裡面的「確診日期」以及「編號 ( 加總就變成病例數 )」,就可以得到我們要畫圖的 data。
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201509/svg-d3-20-bar-chart-tainan-dengue.html
摘要:
在 上一篇 我們介紹了長條圖的畫法,因為之前看過有人做了高雄和台南登革熱病例的長條圖 ( 不過他們不是用 d3.js 做的 ),所以想說自己學了 d3.js 也來試試看,雖然還做不到跟地圖結合,但可以將數字表格轉換成可視的圖形,就更容易理解疫情的變化囉。 因為要繪圖,就需要資料,我這邊使用的資料是台南的登革熱每日病例 ( 參考 104年臺南市本土登革熱病例數,使用 csv 需要跨域,可以用後端爬一份放在自己的 server 即可,不過覺得台南市政府可以用成英文啦,中文會有編碼的問題呀! ),我抓了一份 csv 檔,用裡面的「確診日期」以及「編號 ( 加總就變成病例數 )」,就可以得到我們要畫圖的 data。