最新紀錄

d3js· 10 分鐘

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

有了資料跟一些D3.js基礎後，就可以嘗試把資料轉換成圖，雖然萬事已經具備，但要繪製成圖，還是需要費些心力。

ironmand3js

2014 年 10 月 17 日 繼續閱讀 →

d3js· 4 分鐘

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

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

ironmand3js

2014 年 10 月 16 日 繼續閱讀 →

d3js· 6 分鐘

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

D3js最終還是需要與資料串接，在玩了一段時間基本的功能後，就會想找點東西試試看，於是就到處搜尋可以用的資料(希望與時事結合)，雖然取得資料方法相當多，但是能夠…

ironmand3js

2014 年 10 月 15 日 繼續閱讀 →

d3js· 4 分鐘

D3.js 折線圖(Line Chart)

在開始有題到網頁互動式資料視覺化：使用D3這本書，整本大致上都看完了，但是裡面居然沒有折線圖！雖然這本書主要教的是觀念，不過折線圖還是很重要，所以還是另外找了折…

ironmand3js

2014 年 10 月 14 日 繼續閱讀 →

d3js· 3 分鐘

D3.js 軸線(Axis)

到上一次為止，其實就可以畫出簡單的資料圖表，現在開始就要讓資料圖表更為豐富且好閱讀。 今天要介紹的軸線(Axis)，讓圖表上多一個可以閱讀的尺標，D3.js正好…

ironmand3js

2014 年 10 月 13 日 繼續閱讀 →

d3js· 6 分鐘

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

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

ironmand3js

2014 年 10 月 12 日 繼續閱讀 →

d3js· 2 分鐘

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

做了那麼多，資料都是隨機產生的，雖然每次打開都不一樣，但是還是假的資料，這次來試試看讀取Excel的資料吧。

ironmand3js

2014 年 10 月 11 日 繼續閱讀 →

d3js· 3 分鐘

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

上一篇的重點相當重要，可以運用在各種圖表上，而其實在之前介紹的用div繪製直條圖，在SVG上當然也是行得通，而且相當容易，今天是國慶日，當然就要來點簡易好吸收的…

ironmand3js

2014 年 10 月 10 日 繼續閱讀 →

d3js· 3 分鐘

D3.js Scale 尺度

上一篇其實就已經介紹了D3.js相當重要的data()以及enter()，今天要介紹的也是很重要，就是(Scale)尺度。

ironmand3js

2014 年 10 月 09 日 繼續閱讀 →

d3js· 2 分鐘

D3js 將資料投影到SVG上

先前介紹SVG那麼多的篇幅，結果上一篇居然用Div了事，這樣怎麼說得過去…，所以這篇要用SVG把”資料”畫出來。

ironmand3js

2014 年 10 月 08 日 繼續閱讀 →