태블로 매출 차트 위에 텍스트 레이블 표현하기

매출 실적 보고를 위한 데이터 시각화를 하다 보면, 존재하는 데이터뿐만 아니라, 텍스트 정보가 시각화 자료에 포함되는 경우가 있습니다. 예를 들어, 특정 기간 동안의 매출을 차트로 그리고, 해당 매출 목표를 달성하기 위해 해당 기간에 진행한 이벤트, 행사와 같은 정성적인 내용을 동일한 차트의 축 (이 경우는 날짜) 위에 함께 나타내고 싶을 때가 있습니다. 그러나 해당 텍스트 정보가 공식적인 DB 상에 존재하지 않는다면 어떻게 할 수 있을까요? DB상에 존재하는 데이터와 수기로 입력하는 데이터를 조합하여 태블로 상에서 표현하는 방법에 대해 알아보겠습니다.

시나리오

온라인 쇼핑몰을 운영하는 마케팅 담당자 A씨는 1월 한달 동안 시행한 마케팅 활동과 매출 실적을 한 눈에 보여주는 보고자료를 작성하려고 합니다. 매출 데이터는 회사 DB에 적재되고 있지만, 진행한 마케팅 활동 내용은 따로 기록되고 있지는 않습니다. 보고서는 주간 기준으로 작성하고자 합니다.

데이터 다운로드

매출과마케팅내용_SAMPLE DATA.xlsx

위 시나리오에 맞추어 임의로 생성한 SAMPLE DATA입니다.

데이터 설명

  • 1월매출현황
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cc7ccc03-7286-4469-8bd3-878d59541318/20200201_img_005.jpg

회사에 존재하는 1월 한달 동안의 매출 데이터입니다. A브랜드와 B브랜드 각각 구분되어 정리되어 있습니다.

  • 1월마케팅현황
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a98d4b1a-dfa8-4a07-9648-21a8dbd0a88d/20200201_img_001.jpg

A씨는 각 브랜드별로 1월 한달동안 진행한 마케팅 이벤트에 대한 내용을 위와 같이 별도의 엑셀에 정리하였습니다. 어느 브랜드에서 어떤 유형의 마케팅 활동을 진행했는지, 진행한 날짜와 함께 정리했습니다. 이 때, 해당 주차에 어떤 활동도 하지 않았더라도, A씨가 다니는 회사의 주 시작 기준인 ‘월요일’에 맞추어 날짜 데이터만 입력하였습니다.

완성 대시보드

A브랜드, B브랜드별로 주차별 매출 실적과 함께 각 주차에 진행한 이벤트 내용이 텍스트로 표현되돌록 차트를 구성하였습니다.


HOW TO

  • 데이터원본1: 1월마케팅현황
  • 데이터원본2: 1월매출현황

데이터원본1: 1월마케팅현황

1. <1월마케팅현황> 데이터 연결하고 날짜 속성 변경하기

<1월마케팅현황>데이터를 가져옵니다. 워크시트 화면에서 연결된 데이터를 클릭 > 날짜 속성을 클릭하여 주 시작을 ‘월요일’로 변경합니다.

2. 계산된 필드 [index] 만들기

분석 > 계산된 필드 만들기를 선택하여 INDEX 필드를 작성합니다.

INDEX 함수는 값에 대한 정렬 없이 파티션에 있는 현재 행의 인덱스, 즉 숫자를 반환하는 함수입니다.

3. 주차별-A브랜드의-마케팅현황-텍스트로 표현하는 차트 만들기

열 선반에 [주(일자)], 행 선반에 [index], 마크 유형을 ‘텍스트’로 변경하여 [내용]을 텍스트 선반에 올리고, 필터 선반에 [BRAND]를 올려, [BRAND: A] 만 선택합니다. 각 주차에 진행한 이벤트 내용이 텍스트로 표현되는데, 한 주차에 여러 이벤트를 진행한 경우 텍스트가 INDEX(1) 위에 겹쳐집니다.

이를 해결하려면, [index]의 계산 순서를 조정해야 합니다. 행 선반의 [index]에서 아래 화살표 > 테이블 계산 편집 > 일자주와 내용 모두 선택 후, 가장 깊은 수준,, 조정합니다. 그러면, 주차가 변경될 때마다 index를 1부터 다시 반환하면서 이벤트 내용이 겹치지 않게 됩니다.


  • 데이터원본2: 1월매출현황

4. <1월매출현황> 데이터 연결하고 날짜 속성 변경하기

<1월매출현황> 데이터를 한 통합문서에 추가로 가져오기 위해 상단 메뉴에서 데이터 > 새 데이터 원본을 클릭합니다. <1월매출현황>을 가져온 다음, 1번과 같은 방법으로 날짜 속성에서 주 시작을 ‘월요일’로 변경합니다.

5. 데이터 블렌딩하기

3번에서 생성한 워크시트에서 <1월매출현황>데이터를 클릭하면, 동일한 필드 이름을 인식하고 데이터 필드 이름 옆에 클립 모양이 활성화되어 있을 것입니다. [BRAND],[일자] 모두 클릭하여 데이터 두 개를 블렌딩해줍니다.

6. [매출] 필드 차트에 추가하고, 차트 유형 라인 차트로 변경하기

[매출] 필드를 [index] 필드의 왼쪽으로 드래그하여 가져옵니다. 마크 선반에서 [합계(매출)] 선반을 클릭하여, 들어가 있는 [내용] 필드를 빼고, 마크 유형을 라인으로 변경, 색상 및 크기를 조정합니다.

7. [(index)X+매출] 필드 만들고, [index] 대신 사용하기

기존에 생성한 [index]는 1부터 시작하여 [매출]과 높낮이가 너무 차이가 나기 때문에, 이중축으로 같은 축에 표현하기 위해 계산으로 값을 조정한 필드를 생성합니다.

이 필드를 워크시트의 [index] 자리 위에 덮어씌우듯이 올려주면, 대체됩니다. 테이블 계산 편집을 잊지 마세요.

8. 이중축 하고, 축 동기화하기

동일한 축 위에 그려주기 위해, 이중축 및 축 동기화해줍니다. 마크 선반에 들어간 [측정값 이름]은 제거합니다.


서식 정리한 완성본

서식을 정리하면 위와 같이 깔끔하게 표현됩니다.

이번 케이스는 실제 저희 회사에서도 응용하여 사용하고 있습니다. 이벤트 내용은 엑셀이 아닌 구글스프레드시트에 정리하고 있고, 매출 실적은 실 데이터를 사용하고 있습니다. 적용 결과, 과거에 진행했던 이력도 언제든 추적할 수 있고, 매번 새로 가공하지 않아도 된다는 장점이 있었습니다.

고민하고 계시는 문제를 해결하는 데 실마리가 얻는 데 도움이 되었기를 바랍니다.

댓글 남기기

태블로위키만의 새로운 소식, 놓칠 수 없겠죠?