樹狀圖 利用tree來繪製樹狀圖,樹狀圖可以用來表達資料中的階層關係利用d3繪製樹狀圖之前,需要先將資料整理成json的格式,並且依照規定用name及child...
這次要再增強一點互動性 drag 有時候就是會想要把東西拉來拉去啦!在d3中,如果想要拖拉物件可以使用drag來達成drag分為三個事件(階段) start...
tween 補間動畫 補間動畫是指在兩個畫面轉換時的動畫,也就是讓動畫動起來的角色,簡單說就是過場 在D3中的transition除了提供基本的預設補間動畫之...
CSS有transition可以完成簡單的動畫D3也有transition,而且比CSS的控制要簡單一些,功能強大一些,可以加入更多自己想要的效果來將之前的長條...
這次要在之前的長條圖上加上X軸來將這個長條圖完成 X軸 要加上X軸,需要使用另一種比例尺,序數比例尺(d3.scaleBand) 定義的方法與之前的線性比例尺相...
今日目標: 用Polymer開發鐵人賽積分排行榜 想不想看目前各組鐵人積分排名? 很想對不對? 好,雖然IT鐵人賽官方網頁沒公佈,但資料倒是很齊全。所以今天就...