d3 scale, d3 scale chromatic

d3-scale

d3의 scale은 어떤 범위의 숫자를 다른 범위의 숫자로 변경해주는 함수다.

const x = d3.scaleLinear()
    .domain([10, 130])
    .range([0, 960]);

x(20); // 80
x(50); // 320

위치 추적 정량적 데이터에 가장 많이 사용된다. 예를 들어 미터 단위의 측정값을 산점도의 점에 대한 픽셀 단위의 위치에 매핑한다.

scale은 모든 시각적 인코딩을 나타낼 수 있다. 예를 들자면 색상, 스트로크 너비 또는 기호 크기 등.

d3-scale-chromatic

이 모듈은 작동하도록 설계된 순차적, 분산적, 범주적 색 구성표를 제공한다.

예) d3.schemeCategory10