여러분은 백화점에서 쇼핑 많이 하시나요? 저는 항상 입어보고 옷을 사는 타입이라 집근처 신세계 백화점을 자주 이용합니다. 저는 가끔 백화점을 이용하면서 내가 이용하는 백화점의 매출은 얼마일까? 신세계 백화점 서울 매출은 얼마일까? 궁금할때가 있습니다. 이번 포스팅에서는 이러한 매출 정보를 한눈에 파악할 수 있는 차트를 만들어보려합니다.

대시보드 소개

이번에 다룰 대시보드 주제는 생키차트 (Sankey Chart) 입니다. Tableau를 다루신 분들이라면 한번쯤 퍼블릭에서 볼수 있었던 차트이고 다루신지 얼마안되신 분들은 생소한 차트일듯 합니다. Sankey Chart는 파이 그래프처럼 비율을 나타내기 좋은 차트이나, 특히 2 단계 이상의 비율을 나타낼때 용이하게 사용할 수 있습니다. 저는 매출의 흐름과 같은 재무 데이터를 표현할때 자주 사용하고 있습니다.

백화점 매출 데이터 Dashboard 보기

백화점 분석 대시보드를 보고 싶으시다면 여기를 클릭하세요 (크롬으로 동작하는 것을 추천합니다), 아래는 Sankey를 이용한 대시보드 플레이 동영상 입니다. 🙂

데이터 살펴보기

2019년 백화점 매출 데이터는 여기에서 참고 하였습니다. 매년 언론을 통해 백화점 매출은 공개가 되고 있습니다.

Sankey Chart 템플릿 다운로드

Sankey Chart를 쉽게 만드는 방법은 현재 퍼블릭에서 돌아다니고 있는 템플릿을 이용하는 방법입니다. 여기를 클릭하고 Sankey Minimal Template을 다운받으세요.

원본 데이터는 아래 다운로드를 클릭하여 다운 받아주세요.

백화점 매출 데이터 소개

백화점 매출 데이터는 총 3 Level 입니다. 1 Level은 구분, 2 Level은 지역, 3 Level은 점포 입니다. 매출액은 Sankey Chart의 너비를 결정짓는 데이터 입니다.

Level 1 – Level 2 구간 Sankey Chart 만들기

Sankey Chart Template을 이용하신다면 여러분도 쉽게 생키차트를 만들 수 있습니다! 가장 기본이 되는 1 Level과 2 Level 구간은 원본 교체만으로 누구나 쉽게 만들 수 있으니 함께 따라해보시겠습니다.

위의 템플릿을 다운받으셨으면 이런 생키 차트가 만들어져 있을 겁니다.

이제 제가 드린 데이터를 해당 대시보드에 넣은 후 Union으로 한번더 데이터를 넣어주셔야 합니다. Union 과정을 건너뛰시면 에러가 뜨게되니 건너뛰지 마시고 꼭 설정해주세요.

[데이터 유니온하기]

[데이터 이름바꾼 후 원본교체]

다음은 구분과 지역의 이름을 바꾸어야 합니다. 구분의 데이터 이름을 Source로 바꿔주시고 지역의 이름을 Target으로 바꿔주세요. 그리고 마지막으로 매출액의 데이터 이름을 Size로 바꿔주세요. 이후 원본 교체를 수행하면 Sankey가 만들어지신것을 확인할 수 있습니다.

Level 2 – Level 3 구간 Sankey Chart 만들기

Level 1 – Level 2 구간 Sankey에 비해 2-3 Level 구간의 Sankey는 비교적 어렵습니다. 그이유는 더이상 원본교체를 통해 데이터를 바꾸어서 Sankey를 설정할 수 없기때문입니다. 하지만 최소한의 노력으로 2-3 레벨 구간을 만드는 방법을 소개해 드리려 합니다.

1. 첫번째로 같은 데이터를 대시보드에 넣고 유니온 조인을 똑같이 합니다.
2. 위에 수행한 방법대로 이번에는 1. 지역을 Source 2. 점포를 Target으로 지정해줍니다.
3. 원본 교체를 하고 대시보드에 들어가서 Sankey가 만들어졌는지 확인합니다
4. 이후 다시 원본교체를 통해 첫번째 원본으로 다시 돌아가줍니다
5. 그런 후, 2번째 원본에서 Source를 Source2로 Target을 Target2로 이름을 바꾸어줍니다.
6. 해당 과정을 거치셨다면 2번째 원본에 Sankey 차트를 만들기 위해 필요한 모든 데이터가 복사 붙여넣기가 된것을 확인할 수 있습니다 🙂

[2-3 레벨 대시보드 원본 설정]

다음으로 해주실 것은 Sankey를 워크시트를 통해 만드시는것 입니다. 이미 원본 교체를 통해 필요한 데이터를 전부 복사해서 전달받았기 때문에 추가적으로 데이터를 만드실 필요는 없습니다. 워크시트에 데이터를 올려 놓은뒤, 숨겨진 항목표시와 테이블 계산 편집을 이용하여 Sankey를 만들어보겠습니다.

우선 편의를 위하여 “신세계백화점”을 현재 사용하는 두 원본 필터에 걸어놓고 시작하겠습니다.

새로운 워크시트를 생성하신 후,

1. Path(bin)을 워크시트에 올려놓은 뒤 누락된 값을 해제해 줍니다
2. t를 열에 넣습니다, Curve Polygon Win을 행에 넣습니다.
3. Target2, Source2를 세부 정보에 넣습니다.
4. Path(bin)또한 세부정보에 마지막으로 넣습니다.
5. t의 세부정보로 들어가서 특정차원을 누르시고 Path(bin)을 클릭합니다
6. Curve Polygon Win 세부정보에서 특정차원을 누르시고 Path(bin)을 클릭합니다
7. N0 Position Min Win 세부정보에서 특정차원을 누르시고 Path(bin)을 클릭합니다
8. N0 Position Max 세부정보에서 특정차원을 누르시고 Source2, Target2를 클릭합니다
9. N0 Position 세부정보에서 특정차원을 누르시고 Source2, Target2를 클릭합니다
10. Flow Size 세부정보에서 특정차원을 누르시고 Source2, Target2를 클릭합니다
11. N0 Position Max Win 세부정보에서 특정차원을 누르시고 Path(bin)을 클릭합니다
12. N1 Position Max Win 세부정보에서 특정차원을 누르시고 Path(bin)을 클릭합니다
13. N1 Position Max 세부정보에서 특정차원을 누르시고 Target2, Source2를 클릭합니다
14. N1 Position 세부정보에서 특정차원을 누르시고 Target2, Source2를 클릭합니다
15. t 세부정보에서 특정차원을 누르시고 Path(bin)를 클릭합니다
16. 그래프 타입을 다각형으로 바꿔주시고 Path(bin)을 경로에 넣어 줍니다
17. 이후에 x축을 반전시켜 줍니다.

[2-3 Level Sankey 만들기]

3레벨 간트차트 만들기

이제 거의다 오셨습니다. 현재 저희는 1레벨 간트 – 1~2레벨 Sankey 차트 – 2레벨 간트 – 2~3레벨 Sankey 차트까지 만들었습니다. 따라서 마지막으로 3레벨 간트차트만 남았습니다. 간트 차트는 이전보다 간단하니 잘 따라하시면 쉽게 만드실 수 있습니다.

1. 새워크시트에서 그래프 타입을 간트로 바꿔주세요
2. N1 Position Min을 행에 넣어주세요
3. Target2를 세부정보에 넣어주세요
4. Flow Size를 크기에 넣어주세요
5. N1 Position Min의 테이블 계산 편집에서 특정차원 설정 후 Target2를 클릭해주세요
6. N1 Position의 테이블 계산 편집에서 특정차원 설정 후 Target2를 클릭해주세요
7. Flow Size의 테이블 계산 편집에서 특정차원 설정 후 Target2를 클릭해주세요
8. 크기에 올라와 있는 Flow Size의 테이블 계산 편집에서 특정차원 설정 후 Target2를 클릭해주세요
9. X축을 반전시켜주세요

[3 레벨 간트 차트 만드는 법]

부동을 이용한 크기 맞추기

이제 만드신 워크시트를 이용하여 대시보드를 만들때, 부동을 통하여 6개의 워크시트를 이어 붙인 후 크기를 조절하시면 다음과 같은 Sankey 차트를 얻으실 수 있습니다.

색 조절과 레이블 설정을 통하여 세부적인 정보를 넣으시면 더 보기 좋은 Sankey 차트를 완성시키실 수 있습니다.

[부동으로 워크시트 이어붙이기]

실습한 워크시트는 (여기) 클릭을 통해 다운받으신 후 참고해 주세요 🙂

처음 만드시면 많이 과정을 빼먹기도 하고 실패하는 경우가 많습니다. 차트를 만드시면서 어려운 부분이 있으시다면 언제든지 댓글 부탁드리겠습니다. 제가 공유한 방법으로 Sankey를 만들고 성공하신 분들은 저에게 이메일이나 퍼블릭 링크를 공유해주세요. 좋은 컨텐츠를 만드는 큰힘이 됩니다!