[기본 정보] 데이터 간격 x축 y축 총 갯수 5km 149개 253개 37,697개 1km 745개 1265개 942,425개 [소요 시간] 2d webGL 5km 0.30s 1.21s 1km 2.83s 3.07s 더 적은 데이터의 양을 가진 경우 webGL이 훨씬 속도가 느림 이유는? Canvas 2D와 webGL 렌더링 방식과 성능 특성이 다름 1. 초기화 오버헤드 webGL은 초기화, 설정에 상대적으로 많은 오버헤드가 있을 수 있음. 작은 데이터 세트일 때 더욱 두드러짐. 큰 데이터 세트에서 이 오버헤드(초기 설정, 메모리 할당과 같은 작업)가 전체 렌더링 시간에 미치는 영향이 상대적으로 작음 2. 배치 렌더링 webGL의 경우 그래픽 카드의 파이프라인을 최대한 활용하기위해 데이터를 배치로 묶어 ..