d3.js 對於首次接觸的人來說，比較晦澀，比如我。

使用後我總結除了一個一般的操作流程

業務資料  =》》》 影象資料 =》》》 d3繫結 影象資料到DOM ，append svg dom & 設定屬性

第一步： 業務資料，業務資料基本是 最乾淨、 最原子化 的資料，當讓 和 你要繪製的 圖更加契合 更好。

第二步： 影象資料，在這一步就是對之前的資料進行各種轉換了，把各種影象的座標 大小等資訊 儘量全面的 放入到新的儲存結構裡。務必全面，當然了 這一步是會產生不少冗餘資料的，但是沒關係 以方便第三步繪圖 為最大目標。

第三步：這一步 就是利用 d3.js 把資料 和 dom進行映射了，這也是D3庫的核心功能。一般這一步大量使用的是SVG技術。涉及SVG你還會用到D3庫的其它功能性方法，比如對數學相關的，還有 比例尺scale，svg path的d 資料相關生成規則 比如 line 弧線  貝塞爾曲線等，也有 svg 圓啊 弧度繪製的快捷方法之類的。