목록d3 structure (1)

BaeBox

D3 차트의 구조

D3 차트는 어려울 것 같지만 굉장히 단순한 구조를 가지고 있다. 물론 이를 이용해 뭔가 만드려면 고되지만, 그 구조만 이해하는 건 매우 간단하다. 딱 봐도 직교(데카르트/카티시언)좌표를 이용하는게 눈에 보이는데 구성 요소도 마찬가지다! 세부적으로 각각의 요소들은 위에 붉은 색으로 표시된(선언 x) xAxis, yAxis, data, line 등을 통해 설정이 가능하다. D3 차트를 이용하여 기본형의 차트를 그리는 작업은 기본적으로 위의 변수들을 지정하는 과정이라고 봐도 무방하...지 않을까? 내 개인적으로는 그렇게 생각한다.
개발 관련 2020. 1. 27. 16:40
Prev 1 Next