iT邦幫忙

d3相關文章
共有 6 則文章
鐵人賽 Data Technology DAY 27

技術 D3 tree

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

鐵人賽 Data Technology DAY 24

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

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

鐵人賽 Data Technology DAY 22

技術 D3繼續動起來

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

鐵人賽 開發技術 DAY 21

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

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

鐵人賽 Data Technology DAY 20

技術 D3長條圖的最後一步

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

鐵人賽 Data Technology DAY 21

技術 D3動起來

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