iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

SVG 與 D3.js 系列

去年我擁抱了CSS,今年則要擁抱D3.js。

今年同步發表於
http://wcc723.github.io

鐵人鍊成 | 共 30 篇文章 | 45 人訂閱 訂閱系列文 RSS系列文
DAY 11

D3.js 國慶日在家裡畫長條圖

完整範例網址:http://wcc723.github.io/d3js/2014/10/10/Ironman-30-days-11/ 上一篇的重點相當重要,可以...

2014-10-10 ‧ 由 卡斯伯 分享
DAY 12

D3.js 利用Excel建立資料(CSV)

完整範例:http://wcc723.github.io/d3js/2014/10/11/Ironman-30-days-12/ 做了那麼多,資料都是隨機產生的...

2014-10-11 ‧ 由 卡斯伯 分享
DAY 13

D3.js 讀取CSV資料並繪製成長條圖

有了Excel的資料,也可以用d3.js去轉換成json,再結合前幾篇所做的長條圖,不就可以輕易的完成資訊圖表了!?是的,這次就來完成這個圖表吧。 今天的流程,...

2014-10-12 ‧ 由 卡斯伯 分享
DAY 14

D3.js 軸線(Axis)

完整範例:http://wcc723.github.io/d3js/2014/10/13/Ironman-30-days-14/ 到上一次為止,其實就可以畫出簡...

2014-10-13 ‧ 由 卡斯伯 分享
DAY 15

D3.js 折線圖(Line Chart)

完整範例:http://wcc723.github.io/d3js/2014/10/14/Ironman-30-days-15/ 在開始有題到網頁互動式資料視覺...

2014-10-14 ‧ 由 卡斯伯 分享
DAY 16

D3.js 究竟搭不搭捷運與死亡率有沒有關係?(1)

完整範例:http://wcc723.github.io/d3js/2014/10/15/Ironman-30-days-16/ D3js最終還是需要與資料串接...

2014-10-15 ‧ 由 卡斯伯 分享
DAY 17

D3.js 究竟搭不搭捷運與死亡率有沒有關係?(2) - Google 試算表

上一篇提到資料是放在Google 試算表上,然後再透過web 前端去接資料,當初會想這麼做的原因有以下幾點: 資料路徑穩定,不易掛點 技術上只要成功一次,以後...

2014-10-16 ‧ 由 卡斯伯 分享
DAY 18

D3.js 究竟搭不搭捷運與死亡率有沒有關係?(3) - 將資料繪製成折線圖

完整範例:http://wcc723.github.io/d3js/2014/10/17/Ironman-30-days-18/ 有了資料跟一些D3.js基礎後...

2014-10-17 ‧ 由 卡斯伯 分享
DAY 19

D3.js 圈圈小效果

完整範例:http://wcc723.github.io/d3js/2014/10/18/Ironman-30-days-19/ D3js除了繪製圖表外,還有許...

2014-10-18 ‧ 由 卡斯伯 分享
DAY 20

D3.js 超粘的Voronoi Diagram繪圖

完整範例:http://wcc723.github.io/d3js/2014/10/19/Ironman-30-days-20/ Voronoi Diagram...

2014-10-19 ‧ 由 卡斯伯 分享