鐵人檔案
D3js一直存在你我身邊，也是常見的圖表開發的一大利器，目前雖然有各種圖表三方套件替我們解決了許多常見圖表。但需求跟想法不斷躍進，在高度依賴現成圖表套件的狀況下，可能無法滿足需求，導致持續尋找各種圖表套件。這時候就是D3js讓我們奪回控制權的時候了！這也就是所謂的浪漫突進！透過使用D3js的高度彈性的API，讓我們隨心所欲實現各種特殊奇葩的圖表，這次鐵人賽將會一步步了解基本D3js概念以及使用API，嘗試實現幾個特殊的圖表，練習如何浪漫突進！
D3js CSV呈現簡單COVID-19圖表 相關API d3-dsv d3-dsv就是用來處理常見的csv格式檔案的API，csv比json節省空間，很多資料...
D3js d3.zoom 用途 針對滑鼠、鍵盤平移或水平縮放圖表，像是選取區間或是資料太密集需要縮放觀看時使用。 d3.zoom 建立zoom縮放事件。此API...
D3js d3.invert反轉Scale取值 用途 一開始我還不明白d3.invert實際用途，直到遇到最顯著的範例就是在與畫面互動時，可以準確知道圖上的某一...
D3js d3.bisector找到資料正確的位置 用途 d3.bisector是用來尋找某值對應一個陣列資料內的正確位置或最接近的位置，我在真實案例中使用到的...
D3js d3.hierarchy結構資料的好幫手 用途 d3.hierarchy可協助我們遍歷各種樹狀結構，讓我們不用自己去遍歷複雜的結構，可以說是結構化資料...
D3js d3-brush輔助工具 用途 d3-brush用來選取一維或二維的區塊，可能是放大zoom或是過濾該區間的值，讓使用者方便檢閱區間的資料。 d3.b...
title: d3-it30-day17tags: d3-it30 D3js d3.brush與d3.zoom實現選取放大功能 用途 d3.brush可以產生...
D3js d3.path 用途 d3.path用途就是用來繪製複雜的path路徑。d3.path會回傳一個實現canvas路徑的物件並序列化成svg路徑資料。...
D3js d3.arc, d3.pie 來個圓餅圖 用途 圓餅圖是常見圖表類型之一，有許多套件也都有此圖，所以不一定要自己做一個，除非遇到特殊需求。 d3.ar...
D3js d3.force密集恐懼症的引力圓圈圖 用途 資料科學、物理模擬、網路及層次相關領域可能會使用到，目前僅覺得這種資料互動很有趣。 d3.forceS...
