最新紀錄

d3js· 6 分鐘

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

看到KP API裡面有提供競選經費查詢，如果之前把資料撈回來，很難了解支出收入的關係，而且在支出與收入之中，何者比例較高。

ironmand3js

2014 年 10 月 27 日 繼續閱讀 →

d3js· 3 分鐘

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

上次提到d3.js有包含許多的layout，但是每種layout都有些結構上的限制，就比如說 Tree Map，這樣的layout就需要巢狀結構的json才可以…

ironmand3js

2014 年 10 月 26 日 繼續閱讀 →

d3js· 5 分鐘

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

介紹這麼多，但是還沒有介紹到d3.layout，這用途是可以快速建立圖表，這篇來介紹pie layout，用的是環保局的資料。

ironmand3js

2014 年 10 月 25 日 繼續閱讀 →

d3js· 8 分鐘

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

上一篇介紹了資料的來源以及動機，這篇就來介紹執行的層面吧。 在原本的範例中，是只有一個圓在跳動，但是音樂所能擷取的資料是一段很長的陣列，我就思考著是不是有辦法做…

ironmand3js

2014 年 10 月 24 日 繼續閱讀 →

d3js· 4 分鐘

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

學習D3之後會常思考有什麼樣的資料可以圖形化，除了Open data外，還想到一個就是音樂，以前使用Media Player，有許許多多的音樂視覺化的效果，都是…

ironmand3js

2014 年 10 月 23 日 繼續閱讀 →

d3js· 2 分鐘

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

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

ironmand3js

2014 年 10 月 22 日 繼續閱讀 →

d3js· 5 分鐘

D3.js 資料數量增減

資料很多時候需要比較、切換，所以可能會同時加入多筆資料，前一篇文章所介紹的是相同數量的資料，這次要做隨機的資料量。

ironmand3js

2014 年 10 月 21 日 繼續閱讀 →

d3js· 5 分鐘

D3.js Transition動態效果

先前的資料，都是固定的，沒有任何變化，這次要介紹的是利用資料的轉變以及transition的效果。

ironmand3js

2014 年 10 月 20 日 繼續閱讀 →

d3js· 4 分鐘

D3.js 超粘的Voronoi Diagram繪圖

Voronoi Diagram這個繪圖我在Blog的Banner上，主要原因也是因為他很有趣，除了視覺感外，它還包含了簡單的互動。

ironmand3js

2014 年 10 月 19 日 繼續閱讀 →

d3js· 3 分鐘

D3.js 圈圈小效果

D3js除了繪製圖表外，還有許多開發者拿來作為視覺或者互動效果，假日的文章，就來介紹一些網路上所找到的效果。

ironmand3js

2014 年 10 月 18 日 繼續閱讀 →