D3.js 버전 업그레이드로 인해 변한 함수들

D3.js 버전업으로 함수들이 많이 변경되었다.

몇번 써보니 보다 편리하게 바뀌었다.

바뀐 함수들은 아래와 같다. (앞으로 계속 업데이트 할 예정이다.)

d3.svg.diagonal() : 사라지고 path의 d를 직접 설정해주는 것으로 바뀌었다.

(SVG path 속성만 잘 알고 있다면 직접설정하는것은 크게 어렵지 않다.

직접설정을 하다보니 라인에 대한 자유도가 높아진거 같다.)

d3.time.scale() -> d3.scaleTime()

d3.time.format("%B") -> d3.timeFormat('%Y-%m-%d')

d3.scale.domain([ ]).range([ ]) -> d3.scaleOrdinal().domain([ ]).range([ ])

d3.svg.line() -> d3.line()

d3.svg.arc() -> d3.arc()

d3.layout.pie() -> 

d3.svg.axis().scale(scaleFunction) -> d3.axisLeft(scaleFunction);

transition.each('end', function(){ }) -> transition.on('end', function(){ })