[태블로(Tableau)]고급 세일즈 대시보드 만들기

2022-12-05
조회수 3659

안녕하세요 강승일입니다. 


비전공자 데이터 분석 따라잡기 네 번째 시간으로

고급 대시보드를 만들어볼게요


영상 보기 ▶ https://youtu.be/4JH_r5sCEeg


뭔가 디자인적으로 뛰어난 고급 대시보드가 아니라

현재 선생님이 익히고 있는 레벨보다는 고급 기능을 활용한 대시보드를 함께 만들어보자는 거에요


대시보드를 우리가 만들었다고 가정해볼게요

이 대시보드를 한 번만 쓰고 안 쓰거나

서버나 클라우드에 업로드했는데 다른 동료들이 보는 횟수가 적다면 문제가 있겠죠

따라서 이번 대시보드의 컨셉은

  1. 심플하게 만들기
  2. 전체적인 추이를 보면서 사용자가 직접 궁금한 내용은 마우스 오버해서 전월 대비 KPI를 비교하는 화면 구현하기입니다.

먼저 최종 목표 대시보드를 보겠습니다.


총 3개의 시트로 만들거에요

첫 번째는 하단에 있는 전체 기간 동안 월별 매출 추이 라인 차트

두 번째는 우측 상단에 있는 선택한 기간의 월간 매출 및 전월 대비

세 번째는 대시보드 타이틀을 만들겠습니다.

준비 되셨죠? 네 시작합니다.


데이터 원본 페이지 - 수정 사항 없습니다. 워크 시트로 이동합니다.


1번 워크시트

  • 시트명 - 월별 매출 추이
  • 목표 - 전체 대시보드 중 하단에 배치하는 라인 차트로 전체 추이를 살펴보는 View지만 강조하지 않고 보조 뷰로 설정합니다.

먼저 이 시트의 이름은 ‘월별 매출 추이’라고 합니다.

그리고 측정값에 있는 [매출] 필드 더블 클릭합니다.

월별 추이를 보기 위해 날짜 유형의 [주문 날짜] 필드를 마우스 오른쪽으로 잡고 드래그해서 열 선반에 올려 놓은 다음에 필드 놓기 대화 상자에서 초록색 연속형 월 주문 날짜를 선택합니다.

그러면 데이터 원본 처음부터 마지막까지 월별 매출 추이를 보실 수 있습니다.


이번에는 선택한 월의 매출이 표시될 수 있도록 매개 변수 및 계산식을 만들어보겠습니다.

먼저 매개 변수 만들기 선택합니다.

매개 변수의 이름은 ‘p. 선택 월’이라고 합니다.

데이터 유형은 ‘날짜’

표시 형식은 월 기준이라 사용자 지정에서 ‘yyyy년 MM월’이라고 입력합니다.

허용 가능한 값은 ‘범위’를 선택한 다음에

값 범위는 통합 문서가 열릴 때 이 데이터 원본에서 날짜 유형인 [주문 날짜]를 기준으로 설정되도록 합니다.

그리고 값의 범위는 1개월씩 이동할 수 있도록 설정합니다.

설정이 끝났다면 ‘확인’ 버튼 선택합니다.



이번에는 이 매개 변수와 연동되는 계산식을 만들어보겠습니다.

좌측 사이드 바 검색 창 우측 맨 끝에 있는 아래 세모 옵션을 누른 다음에

계산된 필드 만들기 선택합니다.

필드명 ‘f. 선택 월’

DATETRUNC('month',[주문 날짜])=DATETRUNC('month',[p. 선택 월])


다 됐으면 확인 버튼 선택합니다.

만든 계산식을 검증하기 위해 [f. 선택 월]이란 필드를 필터 선반에 올리고 ‘참’을 선택합니다.


그럼 뷰에는 현재 매개 변수로 설정되어 있는 월의 매출을 보실 수 있습니다.

또한 매개 변수의 월에 대한 슬라이더를 조정하면 변경된 월 기준으로 매출이 제대로 나오는지 확인하시기 바랍니다.

그리고 하단 축에 마우스 오른쪽 누르고 참조선 추가 선택합니다.


그리고 라인 값을 앞에서 만든 매개 변수인 [p. 선택 월]을 선택하고

레이블은 ‘값’을 선택해 해당 월이 표시되도록 합니다.

그리고 기호에 따라 서식 지정에서 라인 서식을 ‘실선’ 대신 ‘점선’으로 변경해 보시기 바랍니다.



변경이 끝났다면 ‘확인’ 버튼을 선택하시기 바랍니다.

그리고 뷰 우측에 있는 매개 변수 값이 변경됨에 따라 참조선이 따라서 움직이는지 확인해 보시기 바랍니다.

이번에는 이 참조선의 레이블을 상단으로 위치를 변경해 눈에 잘 띄도록 변경합니다.

참조선에 마우스 오른쪽 누르고 ‘서식’을 선택합니다.


이제 좌측 사이드바는 참조선 서식 메뉴가 나오는데

이 중에서  ‘참조선 레이블’의 맞춤을

세로를 ‘상위’로 설정합니다.

그리고 참조선 레이블의 글꼴을 11pt로 변경합니다.


그러면 매개 변수 값에 따라 뷰 상단에 월이 눈에 띄게 표시되는 것을 볼 수 있습니다.

이번에는 추후에 만들 전월 대비 KPI에 색상이 좀더 눈에 띄도록

현재 라인 차트의 색상은 무채색 계열인 회색으로 변경하겠습니다.

색상 마크를 클릭하고 색상을 회색으로 변경합니다.

그리고 워크 시트의 제목을 더블 클릭한 다음에 타이틀을 다음과 같이 변경하겠습니다.

▼ 라인에 마우스를 오버하면 해당 월의 매출을 보실 수 있습니다. ▼


새 워크시트 선택합니다.

2번 워크시트

  • 시트명 - 선택 월 매출
  • 목표 - 전체 대시보드 중 상단에 배치하는 선택 월 매출 및 전월 대비를 배치하는 곳으로, 색상으로 전월 대비 Up/Down을 표시합니다.

두 번째 시트의 이름은 ‘선택 월 매출’이라고 합니다.

먼저 선택한 월의 매출을 계산식으로 만듭니다.

좌측 사이드 바 검색 창 우측 맨 끝에 있는 아래 세모 옵션을 누른 다음에

계산된 필드 만들기 선택합니다.

필드명 : c. 선택 월 매출

SUM(IF [f. 선택 월] THEN [매출] END)


다 작성하셨으면 확인 버튼 선택합니다.

그리고 [c. 선택 월 매출] 필드를 드래그해서 텍스트 마크에 놓습니다.

값 검증을 위해 매개 변수 섹션에 있는 [p. 선택 월]에 마우스 오른쪽을 누르고 ‘매개 변수 표시’를 선택합니다.

뷰 우측에 있는 매개 변수 값에 따라 해당 매출이 제대로 변경되는지 확인해보고

앞에 시트에서 월별 추이에 마우스를 오버해 해당 값과 같은지 검증해 보시기 바랍니다.

이번에는 매개 변수인  [p. 선택 월]을 설정하면

해당 월의 매출뿐만 아니라 전월 매출과 전월 대비를 표현해보겠습니다.

먼저 텍스트 마크에 있는 [c. 선택 월] 필드를 레이블 마크에서 제거하겠습니다.

그리고 계산식을 하나 만들겠습니다.

필드명 : f. 선택 전월

DATEDIFF('month',[주문 날짜],[p. 선택 월])=1


작성이 끝났다면 확인 버튼 선택하시기 바랍니다.

그리고 [f. 선택 전월] 필드를 드래그해서 필터 선반에 올린 다음에 ‘참’을 선택하고 확인 버튼 선택합니다.


그리고 측정값에 있는 [매출] 필드를 드래그해서 텍스트 마크에 놓습니다.

이제 뷰 오른쪽에 있는 매개 변수의 월에 대한 전월 매출은

이전에 만든 시트인 ‘월별 매출 추이’에서 검증해 보시기 바랍니다.

검증이 끝났다면 선택 월과 전월 매출을 동시에 표현하도록 계산식을 하나 더 만들겠습니다.

좌측 사이드 바 검색 창 우측 맨 끝에 있는 아래 세모 옵션을 누른 다음에

계산된 필드 만들기 선택합니다.

필드명 : c. 선택 전월 매출

SUM(IF [f. 선택 전월] THEN [매출] END)


이번에는 필터 선반에 있는 [f. 선택 전월]과

텍스트 마크에 있는 [합계(매출)] 필드를 각각 밖으로 던져 제거합니다.

대신 [c. 선택 월 매출] 필드는 텍스트 마크에 올립니다.

또한 [c. 선택 전월 매출] 필드는 더블 클릭해서 측정값 카드에 넣습니다.

그리고 매개 변수인 [p. 선택 월]의 값을 바꿀때마다 두 값이 모두 변경되는지 체크해 보시기 바랍니다.

검증이 끝났다면 이제는 이 둘의 값을 기준으로 전월 대비와 전월 대비(%) 필드를 계산식으로 만들어보겠습니다.

계산된 필드 만들기 창을 오픈한 다음에

필드명 : c. 매출 전월 대비

[c. 선택 월 매출]-[c. 선택 전월 매출]


모두 입력했다면 확인 버튼 선택합니다.

앞에서 만든 [c. 매출 전월 대비] 필드를 드래그해서 측정값 카드에 넣습니다.

그럼 선택 월 매출과 선택 전월 매출의 차이가 매출 전월 대비인 것을 체크해보시기 바랍니다.

⚠️ 만약, 일의 자리가 다음과 같이 다소 차이가 있다면 반올림한 값에 따라서 차이가 있을 수 있으니 참고하세요!


이번에는 매출 비율 차이를 구하는 필드를 하나 더 만들어 측정값 카드에 추가하겠습니다.

계산된 필드 만들기 창을 오픈한 다음에

필드명 : c.매출 전월 대비(%)

[c. 매출 전월 대비] / [c. 선택 전월 매출]

다 작성하셨으면 ‘확인’ 버튼 선택합니다.


대신 이 필드는 백분율로 표시하도록 기본 속성의 숫자 형식을 변경하겠습니다.

좌측 사이드바 측정값에 있는 [c.매출 전월 대비(%)] 필드에 우클릭한 다음에

기본 속성에 있는 숫자 형식을 선택합니다.


그리고 기본 숫자 형식을 사용자 지정에서 다음과 같이 입력합니다.

▲0.00%;▽0.00%;0.00%


설정이 모두 끝났다면 확인 버튼 선택하세요

이제 c. 매출 전월 대비(%) 필드를 드래그해서 측정값 카드 맨 마지막에 위치시킵니다.


그리고 매개 변수를 변경해 네 가지 필드가 모두 제대로 변경되는지 확인해 보시기 바랍니다.

검증이 모두 끝났다면 툴바에 있는 ‘시트 지우기’를 선택해 모든 값을 삭제합니다.

대신 측정값에 있는 [c. 선택 월 매출], [c. 매출 전월 대비], [c. 매출 전월 대비(%)] 필드를 각각 드래그해서 텍스트 마크에 놓습니다.

그리고 마크를 텍스트 마크에서 사각형 마크로 변경합니다.

또한 툴바의 맞춤은 전체 보기로 변경합니다.

그리고 크기 마크를 클릭하고 슬라이더를 오른쪽 맨 끝으로 밀어 뷰 전체를 사각형 크기로 채웁니다.

이번에는 사각형의 색상을 전월 대비 %를 기준으로 양수, 음수, 기타 세 가지 케이스로 색상을 구분하겠습니다. 이번에도 추가로 계산식을 만듭니다.

계산된 필드 만들기 창을 오픈한 다음에 다음과 같이 입력합니다.

필드명 : c. 매출 전월 대비 컬러

IF [c. 매출 전월 대비(%)] > 0 THEN 'Up' ELSEIF [c. 매출 전월 대비(%)] < 0 THEN 'Down' ELSE '-' END


앞에서 만든 [c. 매출 전월 대비 컬러] 필드를 색상 마크에 놓습니다.

그리고 매개 변수인 [p. 선택 월]에 마우스 오른쪽 누르고 매개 변수 표시 선택합니다.

매개 변수에 따라 색상 범례인 집계(c. 매출 전월 대비 컬러)가 ‘Up’, ‘Down’, ‘-’ 3가지 값으로 변경되나 색상은 모두 동일한 기본 색상이 나옵니다.

따라서 매개 변수를 변경할 때마다 Up인 경우에는 파란색으로, Down은 빨간색, 그리고 ‘-’은 회색으로 각각 변경해 보시기 바랍니다.

⚠️ 만약, ‘-’ 케이스를 찾기 어렵다면 매개 변수인 [p. 선택 ]에서 맨 처음인 ‘2020년 01월’으로 설정해 보시기 바랍니다.

이유는 2020년 1월은 해당 월 매출은 있지만 전월인 2019년 12월의 매출은 데이터 원본 내 값이 없기 때문에 Up과 Down에 해당하지 않는 비교 대상이 없는 값으로 흰색으로 지정합니다.


이번에는 레이블 마크를 선택 후 점 3개 텍스트 편집 옵션을 선택해

사각형 마크 내 레이블에서 선택 월 매출은 크게 표시하고, 매출 전월 대비와 매출 전월 대비(%)는 작게 표시하고, 정렬은 우측 정렬하겠습니다.


새 워크시트 선택합니다.

3번 워크시트

  • 시트명 - 타이틀
  • 목표 - 대시보드 내 제목에 해당하는 시트를 만드는데, 데이터 원본 내 기간도 함께 표시합니다.

세 번째 시트의 이름은 ‘타이틀’이라고 합니다.

먼저 계산식을 하나 만듭니다.

필드명 : c. 데이터 기간

STR(MIN([주문 날짜])) + '~' + STR(MAX([주문 날짜]))


작성이 끝났다면 확인 버튼 선택합니다.

이제 이 [c. 데이터 기간] 필드를 드래그해서 텍스트 마크에 놓습니다.

그리고 툴바의 맞춤을 전체 보기로 변경합니다.

그리고 레이블을 편집해 대시보드 제목을 추가합니다.

텍스트 마크를 선택 후 점 3개 텍스트 편집 옵션을 선택해 다음과 같이 레이블을 편집합니다.


마지막으로 이 시트 내 뷰에서 상하좌우 테두리를 추가하기 위해

뷰에서 마우스 오른쪽 누른 다음에 서식을 선택합니다.


그리고 좌측 사이드바 서식 중 상단 네 번째 있는 ‘테두리 서식’을 선택하고

시트 탭에 있는 기본 값의 패널을 실선으로 선택하면

다음과 같이 뷰에 상하좌우 실선이 추가되는 것을 볼 수 있습니다.



새 대시보드 선택합니다.


대시보드

대시보드명 : 월별 매출 추이 대시보드


목표 : 앞에서 만든 워크시트들을 한 곳에 모아놓습니다. 그리고 하단에 배치할 라인 차트에 임의의 월에 마우스를 오버하면 해당 월의 상세 값이 우측 상단에서 변경되도록 매개 변수 작업 동작을 추가합니다.


먼저 ‘월별 매출 추이’ 시트를 드래그해서 대시보드에 놓습니다.

그리고 대시보드 좌측 하단에 있는 가로 개체를 드래그해서 월별 매출 추이 시트 위에 놓습니다.

그리고 이 가로 개체 안에 ‘타이틀’ 시트를 먼저 넣고, 가로 개체 안에서 ‘타이틀’ 시트 오른쪽에 ‘선택 월 매출’ 시트를 배치합니다.


그리고 ‘타이틀’ 시트와 ‘선택 월 매출’ 시트 각각 제목에 우클릭 후 ‘제목 숨기기’ 선택합니다.

그리고 가로 개체는 대시보드에서 영역을 좁힙니다.

이번에는 하단에 있는 ‘월별 매출 추이’ 시트에서 임의의 월에 마우스를 갖다 대면

우상단에 있는 선택 월 매출이 해당 월 기준으로 값이 나오도록 대시보드 동작을 추가합니다.

상단에 있는 대시보드 메뉴에서 동작을 선택합니다.

이 동작의 이름은 ‘p. 월별 매출 추이 -> 선택 월 매출’이라고 합니다.

원본 시트는 ‘월별 매출 추이’만 선택하고 나머지는 선택 해제합니다.

동작 실행 조건은 ‘마우스 오버’로 변경하고

대상 매개 변수는 ‘p. 선택 월’을 선택

원본 필드는 ‘월 주문 날짜’를 선택합니다.

그리고 확인 버튼 선택합니다.

그리고 동작 추가도 확인 버튼 선택합니다.

이제 하단에 있는 라인 차트에 마우스를 오버해 날짜를 변경해 보시기 바랍니다.

그러면 우측 상단에 선택 월 매출과 전월 대비, 그리고 워크시트 색상이 모두 변경되는 것을 확인합니다.

그리고 뷰 오른쪽에 있는 매개 변수와 색상 범례는 제거합니다.

대시보드의 크기는 고정된 크기의 노트북 브라우저(800 x 600)으로 변경합니다.

최종 완성본은 다음과 같습니다.


완성본 보러가기 ▶

https://public.tableau.com/app/profile/seungilkang/viz/Ep_4/Ep_4