技術 D3 tree

樹狀圖 利用tree來繪製樹狀圖，樹狀圖可以用來表達資料中的階層關係利用d3繪製樹狀圖之前，需要先將資料整理成json的格式，並且依照規定用name及child...

技術 D3這邊可以再多一點互動嗎？

這次要再增強一點互動性 drag 有時候就是會想要把東西拉來拉去啦！在d3中，如果想要拖拉物件可以使用drag來達成drag分為三個事件(階段) start...

技術 D3繼續動起來

tween 補間動畫 補間動畫是指在兩個畫面轉換時的動畫，也就是讓動畫動起來的角色，簡單說就是過場 在D3中的transition除了提供基本的預設補間動畫之...

技術 打造鐵人賽積分排行榜 (應用篇)

今日目標: 用Polymer開發鐵人賽積分排行榜 想不想看目前各組鐵人積分排名? 很想對不對? 好，雖然IT鐵人賽官方網頁沒公佈，但資料倒是很齊全。所以今天就...

技術 D3長條圖的最後一步

這次要在之前的長條圖上加上Ｘ軸來將這個長條圖完成 X軸 要加上Ｘ軸，需要使用另一種比例尺，序數比例尺(d3.scaleBand) 定義的方法與之前的線性比例尺相...

技術 D3動起來

CSS有transition可以完成簡單的動畫D3也有transition，而且比CSS的控制要簡單一些，功能強大一些，可以加入更多自己想要的效果來將之前的長條...