트리맵·선버스트 차트

전체를 이루는 조각들의 크기를 한눈에

트리맵은 전체를 하나의 큰 사각형으로 보고, 분류마다 금액에 비례한 넓이로 잘라 나눠요. 대분류 안에 중분류가 다시 나뉘어 있어 ‘어디에 얼마나 쓰였는지’를 계층째 보여 줘요. 선버스트는 같은 내용을 안쪽 원(대분류)에서 바깥 고리(중·소분류)로 펼친 동심원 모양이에요. 가계부 지출 구성, 부서별 예산, 제품군별 매출, 디스크 용량 분석에 잘 맞아요.

넣는 법

• 앞쪽 열에 분류를 대분류 → 중분류 → 소분류 순서로, 마지막 열에 금액을 적어요. 분류 단계는 1~4개 정도가 읽기 좋아요.
• 같은 분류 이름은 자동으로 합쳐져요. 그래서 거래 내역을 그대로 붙여 넣어도 돼요.
• 중분류가 없는 줄은 중분류 칸을 비워 두면 대분류에 바로 들어가요. 0·빈 금액은 빼고, 음수는 그릴 수 없어서 뺀 뒤 알려 줘요.

읽는 법

트리맵에서는 넓이가 곧 금액이라 같은 대분류 안의 칸끼리 크기를 비교하기 좋고, 색은 대분류마다 달라요. 칸이 너무 작으면 이름이 생략되니 표의 값을 함께 보세요. 비율은 전체 대비 또는 바로 위 분류 대비로 바꿔 표시할 수 있어요. 그래프는 Apache ECharts로 그리고 PNG·SVG로 받아요. 데이터는 서버로 보내지 않아요.

참고한 자료

• Apache ECharts — treemap · [sunburst](https://echarts.apache.org/en/option.html#series-sunburst) — 그래프 엔진 (Apache-2.0)