鐵人檔案
D3js一直存在你我身邊，也是常見的圖表開發的一大利器，目前雖然有各種圖表三方套件替我們解決了許多常見圖表。但需求跟想法不斷躍進，在高度依賴現成圖表套件的狀況下，可能無法滿足需求，導致持續尋找各種圖表套件。這時候就是D3js讓我們奪回控制權的時候了！這也就是所謂的浪漫突進！透過使用D3js的高度彈性的API，讓我們隨心所欲實現各種特殊奇葩的圖表，這次鐵人賽將會一步步了解基本D3js概念以及使用API，嘗試實現幾個特殊的圖表，練習如何浪漫突進！
d3.tree 樹狀資料結構視覺化 用途 建立一個網路拓撲的結構圖，可視覺化呈現階層分類的資料。 d3.tree 範例： const tree = data...
D3js d3與canvas 用途 如果有需求必須要在Canvas上繪圖時會用上。 流程 因為其實d3確實沒提供直接繪圖於Canvas的方法，但其實與Svg不同...
D3js Candlestick Chart來張K線圖吧！ 用途 市面上有更多關於股票的K線圖，但有時候特殊情況下仍然需要自己高度客製化，就需要自己來動手嚕一...
D3js Gantt Chart 來張甘特圖吧！ 用途 甘特圖在眾多套件中也有不少已經有提供了，所以除非必要特殊客製化功能，不然應該不需要自己刻一個。 基本分...
D3js d3-tip 好用的小工具 用途 可以觀看資料列詳細的資料，方便閱讀資料量較大的圖表。自己實現也可以，但有三方套件可以方便使用，就拿來用吧！ d3-...
D3js 浪漫復刻ExpertOption的養眼圖表 用途 在以往實現d3圖表時，多半是功能優先，可能在漸變處理以及外觀樣式比較不那麼苛求，因次復刻了一個之前...
D3js 動畫事件小技巧 用途 在d3世界中，如果想使用起來不是透過事件驅動或是外部驅動，而是想要產生一連串有順序的動畫，就可以派得上用場。 d3.durati...
D3js Diagram常見的兩點浪漫路徑 用途 在繪製diagram圖表時，會用到的垂直水平連線，並且在特定位置折角，雖然d3提供了很多繪製Bezier的方...
D3js d3-random 方便產亂數的小工具 用途 有時候Demo時或開發某些功能時，可能需要亂數產生，利用原生js太麻煩了，懶人就得用d3提供的亂數方法。...
D3js 浪漫突進的回顧及展望 你只要顧好你會的、你喜歡的，一直講、拼命講，展現你的魅力！ -- 浪漫Duke 回顧 D3js真的需要一直寫、拼命寫，由於A...
