2015年1月24日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201501/svg-d3-14-transition-1.html

摘要:
在 CSS 裡面有非常好用的 transition 屬性,同樣的在 d3.js 裡頭也有,而且比 CSS 的 transition 更加強大,除了會自動去計算補間動畫 ( 這個詞在 flash 裡頭很常聽到 ),更可以自己設定自己的補間效果 ( tween ),自己去設定相關的插值 ( interpolate ),許多 d3.js 圖表的動態效果,都是藉由這個 transition 來完成的!這篇將先會先介紹基本的 transition 的用法,後續會用其他篇幅來說明比較進階的應用。