산키 다이어그램 만들기

흐름의 양을 띠 굵기로

산키 다이어그램은 어떤 양이 어디서 어디로 얼마나 흘러가는지를 띠의 굵기로 보여 주는 그림이에요. 월급이 생활비·저축·고정비로 어떻게 나뉘는지, 매출에서 원가·판관비를 빼고 이익이 얼마 남는지, 홈페이지 방문자가 어느 페이지로 옮겨 가는지를 한눈에 보여 줄 때 써요.

적는 법

• 한 줄에 출발 > 도착 : 값을 적어요. 화살표는 >, ->, →, => 모두 돼요.
• 엑셀에서 ‘출발, 도착, 값’ 세 열을 복사해 붙여 넣어도 돼요.
• 같은 출발·도착 쌍이 여러 번 나오면 값을 더해 한 줄기로 그려요.
• # 로 시작하는 줄은 메모로 보고 건너뛰어요. 값은 0보다 커야 해요.

합계 확인

가운데 항목은 들어온 값과 나간 값이 같아야 그림이 자연스러워요. 오른쪽 아래 표에서 항목마다 들어온 값·나간 값과 차이를 보여 주고, 다른 곳은 주황색으로 표시해요. 차이가 있으면 ‘남은 돈’ 같은 항목을 하나 더 만들어 맞추면 돼요. 항목 옆의 숫자는 들어온 값과 나간 값 중 큰 쪽이에요.

한계와 저장

A → B → A처럼 되돌아오는 흐름(순환)은 산키 그림으로 그릴 수 없어서, 어느 줄이 돌고 있는지 알려 줘요. 그림은 Apache ECharts로 그리고, PNG(2배 해상도)·SVG로 받을 수 있어요. 적은 내용은 서버로 보내지 않아요.

참고한 자료

• Apache ECharts — sankey 시리즈 — 그래프 엔진 (Apache-2.0)