CODELIB

Path Transitions시계열 데이터의 실시간 표시를 구현할 때 종종 x 축을 사용하여 시간을 위치로 인코딩합니다. 시간이 경과함에 따라 새로운 데이터가 오른쪽에서 나오고 오래된 데이터가 왼쪽으로 미끄러져 나옵니다. 그러나 D3에 내장 된 path interpolators(경로 보간)를 사용 하면 몇 가지 놀라운 동작이 나타날 수 있습니다. 위 차트는 다소 산만합니다. 흔딜리고 있다는 느낌을 받습니다.하지만 자세히보면 차트내 데이터가 오른쪽에서 왼쪽으로 이동하고있음을 알 수 있습니다.(데이터는 랜덤데이터로 가정하여 받습니다.) 흔들리는 느낌을 제거하기 위해 select를 지정해주고 transform해줍니다.그리고 x축도 그려넣습니다.설명은 아래에서 같이 자세하게 다루겠습니다.1234567891011..