D3 - 데이터 컨트롤

데이터 컨트롤 데이터가 화면에 표시될 때 데이터 정규화 작업이 필요합니다. 예를 들어 대한민국 인구수를 연도별 바 그래프로 표현한다면 최대 인구수를 몇 px로 표현할지 정해야 하죠. 이렇게 크기를 변경하는 작업을 정규화라고 합니다. domain은 변환 전 값(실제 값)이고 range는 변환 후 값의 범위(범위 값)입니다. 문서에 시각화가 잘 되어 있으니 꼭 문서를 한 번씩 참고해주시기 바랍니다.(공식문서가 아닌 일반 노트인 경우가 많습니다.) scalePoint 간격에 맞게 값을 변경해줍니다. (x 축으로 많이 사용) d3.scalePoint / D3 | Observable config = ( { domain : [ "A" , "B" , "C" ] , // change me! padding : 0.6 , // round : true , // range : [ 40 , Math . min ( 700 , width - 40 ) ] // } ) scale = d3 . scalePo...

원문링크 : D3 - 데이터 컨트롤