DECK.GL

Deck.GL은 WebGL 기반의 데이터 시각화, 분석 프레임워크이다.

deck.gl은 visual layers의 스택으로 데이터(JSON 객체)를 표현한다.

리액트의 패러다임을 공유하며 react, mapbox GL와 상성이 좋다.

데이터를 자체적으로 가공한 뒤 렌더링 할 수 있다.

interactive한 이벤트를 처리할 수 있다.

Mapbox, Google Maps와 함께 사용할 수 있다.

데이터를 여러층으로 설정하여 표현할 수 있다.

webGL에 대한 지식이 있으면 커스터마이징 할 수 있다.

2D 지도 위에 3D로 데이터를 표현할 수 있다.

많은 양의 데이터를 처리하기에 용이하다.

 

GeoJSON으로 작업하기

https://deck.gl/playground/

deck.gl Playground

와 비슷한 형태로

 

package

"deck.gl": "^8.4.20",

"react-map-gl": "^6.1.16",

 

Initial view state

longitude 경도

latitude 위도

zoom 확대의 정도

pitch 상하 회전

bearing 좌우 회전

 

lighting effect

• ambient light
• point light1
• point light2

Hexagon Layer

radius: 하나의 데이터로 표현할 범위

coverage: 데이터의 너비

upper percent: 데이터의 높이