[D3] d3-pack(원형으로 계층구조 표현하기) 사용법

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 속성이 있어야됩니다.