exit1 Interactive General Update Pattern Interactive General Update Pattern d3.js를 사용하면서 data에 의해 interactive하게 움직이는 모습을 보려면Enter, Exit, Update 패턴이 중요하다. 코드 중 계속해서 호출되며 반복적으로 그리는 함수 내에.data()로 묶여 있는 enter와 update가 있을 경우 enter는 처음 나타난 데이터 셋에 대해서update는 기존의 데이터와 동일한 데이터 셋에 대해서exit는 기존의 데이터에서 사라진 데이터 셋에 대해서각각 transition을 넣을 수 있도록 패턴화 했다. 아래와 같은 패턴을 이용하면 적재적소에 transition을 넣을 수 있는 가독성이 확실히 좋아진다. function plot(data){var update = svg.selectAl.. 2017. 9. 4. 이전 1 다음 반응형