트리맵 차트

카드 1장높이 2단위

면적으로 비중을, 칸의 묶음으로 계층을 함께 보여줍니다. 칸 사이는 2px 띄웁니다.

Treemap - Basic

treemap-basic

묶음 안의 항목까지 면적으로 나눈 카드입니다. 항목이 많아 도넛으로는 조각이 너무 얇을 때 씁니다.

들어 있는 판단 3
  • 면적이 값에 비례하고 칸이 정사각형에 가깝게 나뉘도록 배치합니다. 큰 칸이 왼쪽 위에 옵니다.
  • 색은 묶음(groups)에 줍니다. 큰 세 묶음만 색을 주고 나머지 묶음은 회색 기타 한 칸으로 묶습니다. 넓은 면을 칠하므로 막대보다 한 단계 옅은 색을 씁니다.
  • 칸이 넉넉할 때만 이름과 비중을 적습니다. 작은 칸의 값은 툴팁에서 전체 중 비중과 묶음 안 비중으로 봅니다.