iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

SVG 與 D3.js 系列

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

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

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

D3.js Transition動態效果

完整範例:http://wcc723.github.io/d3js/2014/10/20/Ironman-30-days-21/ 先前的資料,都是固定的,沒有任...

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

D3.js 資料數量增減

完整範例:http://wcc723.github.io/d3js/2014/10/21/Ironman-30-days-22/ 資料很多時候需要比較、切換,所...

2014-10-21 ‧ 由 卡斯伯 分享
DAY 23

像jQuery 一樣的D3.js,柯P野生官網API

D3.js其實最重要的還是資料,恰巧有一位候選人做了Open data,他的API格式相當優良,如果對於找不到合適資料,但需要做些練習,不如試試看柯文哲野生官網...

2014-10-22 ‧ 由 卡斯伯 分享
DAY 24

D3.js 也可以像音樂一樣動吃動吃動(1)

完整範例:http://wcc723.github.io/d3js/2014/10/23/Ironman-30-days-24/ 學習D3之後會常思考有什麼樣的...

2014-10-23 ‧ 由 卡斯伯 分享
DAY 25

D3.js 也可以像音樂一樣動吃動吃動(2)

完整範例請看:http://wcc723.github.io/d3js/2014/10/24/Ironman-30-days-25/ 上一篇介紹了資料的來源以及...

2014-10-24 ‧ 由 卡斯伯 分享
DAY 26

d3.js layout (以環保局資料為例)

完整範例:http://wcc723.github.io/d3js/2014/10/25/Ironman-30-days-26/ 介紹這麼多,但是還沒有介紹到d...

2014-10-25 ‧ 由 卡斯伯 分享
DAY 27

d3.js 再看更多layout前,先來轉換json結構

完整範例:http://wcc723.github.io/d3js/2014/10/26/Ironman-30-days-27/ 上次提到d3.js有包含許多的...

2014-10-26 ‧ 由 卡斯伯 分享
DAY 28

柯P的財務報表套用 D3js Partition Layout

完整範例:http://wcc723.github.io/d3js/2014/10/27/Ironman-30-days-28/ 看到KP API裡面有提供競選...

2014-10-27 ‧ 由 卡斯伯 分享
DAY 29

PDF轉CSV,利用Tabula

D3.js最重要的就是資料,所以需要有許多不同的資料轉換方式。PDF是常見的檔案格式,因為製作方便,又可以跨裝置,所以PDF也是經常取得的檔案格式之一,相信大家...

2014-10-28 ‧ 由 卡斯伯 分享
DAY 30

D3.js 鐵人賽的結束

這次參加鐵人賽,我也猶豫了很久,在開始前我已經準備好了近十篇另一個主題(視覺前端與前端技術),但是牙一咬就報名了另一個主題d3.js,用意是想學d3.js。學習...

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