Function
2024. 10. 30.
OD 시각화 5 : deck.gl.TripsLayer 의 커스터마이징
TripsLayer란? deck.gl의 TripsLayer를 이용하면 아래와 같은 표현을 할 수 있다. 물론 경로와 시각(timestamp) 정보가 들어간 데이터가 미리 준비되어야 한다. 이를테면 아래와 같은 데이터다. const data = { coords : [[0,0], [0,1], [0,2], [0,3], [1,3], [2,3], [3,3]], timestamp : [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6]]}; 위의 데이터를 TripsLayer에 잘 넣고 시간을 0부터 0.6까지 변화시켜 렌더링해본다면, 원점에서 [0,3]까지 수직으로 이동하다가 꺾어서 오른쪽으로 [3,3]까지 이동하게 된다. 머리가 밝고 꼬리로 갈수록 어두워지는 TripsLayer의 ..