d3.pack()
새 pack 레이아웃을 만듭니다.
pack(root)
루트 및 해당 하위 항목에 다음 속성을 할당하여 지정된 hierarchy를 배치합니다. pack 레이아웃에 전달하기 전에 sum을 호출해야 합니다.
- node.x - 원 중심의 x 좌표
- node.y - 원 중심의 y 좌표
- node.r - 원의 반경
pack.radius(radius)
원의 반경을 지정된 함수로 설정합니다. 지정되지 않은 경우 null입니다. null인 경우 sum으로 계산됨 값으로 radius가 파생됩니다.
pack.size(size)
pack 레이아웃의 크기를 [너비, 높이]로 설정합니다.
pack.padding(padding)
패딩이 지정된 경우 인접한 원들과 분리하는데 사용합니다.
d3.packSiblings(circles)
지정된 원 배열을 pack합니다. 각 배열에는 원의 반경을 지정하는 r 속성이 있어야됩니다.
d3.packEnclose(circles)
지정된 원 배열을 둘러싸는 circle를 계산합니다. 각 배열에는 원의 반경을 지정하는 r 속성과 원의 중심을 지정하는 x 및 y 속성이 있어야됩니다.
'D3 > 시각화' 카테고리의 다른 글
[D3] d3-path(Canvas 2D를 SVG 직렬화) 사용법 (0) | 2024.05.17 |
---|---|
[D3] d3-Treemap(히트맵 그리기) 사용법 (0) | 2024.05.17 |
[D3] d3-partition(직사각형으로 계층 구조 그리기) 사용법 (0) | 2024.05.16 |
[D3] d3-cluster(클러스터) 사용법 (0) | 2024.05.10 |
[D3] d3-tree(트리) 이용한 계층구조 그리기 사용법 (0) | 2024.05.10 |