Dual axis charts

eunbi kim·2024년 4월 17일
0
  • 데이터 설명
  • 콤비네이션
  • 이중축 응용
  • 라인+영역
  • 도넛 차트
  • 대시보드 동작

데이터 설명

분산형 차트는 일반적으로 측정값간의 관계를 파악하기 위해 사용된다.
2~4개사이의 측정값을 선반에 올린 뒤, 차원으로 나누는 방식이다.
추세선과 같은 정보를 추가하여 쉽게 파악하도록 한다.

고객 기준으로 세분화하여 할인율과 수익의 상관관계를 파악하기:

열-합계(할인율), 우클릭->집계 방식으로 평균으로 변경 , 서식:숫자 백분위, 소수점 첫째자리까지
행-합계(수익)

마크카드에 고객명을 두고,
마크카드-원
색상-테두리 흰색 (구분하기 편하게)
색상-수익 (수익 기준으로 구분, 0을 기준으로 +수익 / -수익을 구분)

우측 상단 색상 범례 -> 고급:가운데 값을 0으로 설정 = 0을 기준으로 색상이 설정되었다.

좌측 사이드바 분석-> 추세선-> 선형 추세선 추가

-> 평균 할인율이 높아질수록 수익이 떨어지고 있는 추세선이 그려진다.

차트에서 맨 밑에 동떨어진 마크 클릭-> 전구 모양을 클릭하여 <데이터 설명>을 볼 수 있다.

합계(수익)에서, 극한 값<-하나의 레코드때문에 수익의 합계가 감소하고 있음을 설명해준다.
-3M 레코드 때문에 이서준 고객의 전체 수익이 -2M이 된 것이다.

이 극한값을 제외시켜주면 이 고객의 수익 위치가 가운데줄로 올라옴을 확인할 수 있다.


콤비네이션

두 개의 측정값을 이용한 이중축 차트를 통해 풍성한 시각화에 도전해보자!

하나의 뷰 안에서, 축을 이중으로 써서 나타내는 방식으로
제한된 공간에서 여러 개의 값을 비교하기 위해 많이 사용한다.

콤비네이션 차트란 막대차트와 라인차트를 하나의 뷰로 만드는 방식이다.
목표치 대비 실제 매출액 등을 표현할 때 주로 사용된다.

고객 세그먼트별 매년 성과가 어땠는가:

열-고객 세그먼트, 주문 일자
행-합계(매출)

-> 대부분의 세그먼트가 매년 성장하고 있다.

매출 증가에 비교하여 수입이 증가하였는가?:

행-합계(수익) <- 분리된 차트를 만들고
나눠진 차트를 하나로 합치기 위해 이중축을 사용!
합계(수익) 우클릭-이중 축
수익 마크카드-라인
레이블-매출, 매출값 위치 중간으로 변경-단위 milion,
레이블-수익, 단위 milion, 글꼴-색상 변경, 최소/최대값
수익 마크카드-크기-수익

-> 소비자의 경우 매년 매출이 증가하면서 수익도 증가하고,
홈 오피스의경우 매출은 매년 성장하지만 2017년엔 수익이 떨어졌다.


이중축 응용

트렌드와 함께 매출을 강조하여 표현:
이중축을 활용하여 라인차트를 좀 더 돋보이게 하자.

열-주문일자
행-합계(매출), 합계(매출)
색상-고객 세그먼트

마크카드의 매출2 - 원,

그 다음 선반에서 매출2를 이중축,

싱크를 맞추기 위해 축 범위-우클릭-축 동기화

매출2 레이블-합계(매출), 서식-단위 절사, 맞춤-가운데 정렬,

축 우클릭- 머리글 표시 해제

-> 트렌드와 함께 매출을 강조하여 표현!


라인+영역

매출을 나타내는 라인과 전분기 대비 성장률,
시각적으로 매출의 높낮이를 강조하는 영역 차트 추가하기:

열-주문 일자(연속형 분기)
행-합계(매출)
-> 라인 차트 표현

행-합계(매출2),
매출2의 마크카드-영역
두 차트를 이중 축으로 하나로 합치기,

크기-합계(매출)-퀵 테이블 계산:비율 차이 = 전분기 대비 성장률이 높은 분기는 진하게 표시됨,
레이블-합계(매출) (아까 비율 차이로 퀵 테이블 계산한 걸 레이블에 드래그)

영역차트 마크가드-색상 변경

축 동기화,
왼쪽의 라인차트 축- 우클릭-맨 앞으로 마크 이동


도넛 차트

파이차트는 각 데이터의 비중을 강조해 보여주지만, 전체 합계나 파이 차트의 설명(의미)을 보여주기 힘들다. -> 도넛 차트

열-0
마크-파이 차트

색상, 레이블-고객 세그먼트
각도, 레이블-합계(매출)

파이차트 복제하여 열에 추가

마크카드-합계에서 파이차트의 크기를 크게 표현,
합계2 (중간 원)에서는 전체 매출을 표현할 것이기 때문에 레이블-매출을 제외한 나머지를 제거

이중축으로 합쳐주고,

마크카드 합계2의 크기 조정, 색상-흰색,
합계2 레이블 수정,

0 머릿글 제거,
뷰 우클릭-서식-상단의 5개 서식 중 라인 서식-열 탭-격자선,0기준선 없음 선택,
테두리 서식-행 구분선, 열 구분선 삭제,

열-합계(0) 우클릭-도구 설명에 포함 해제


대시보드 동작

태블로의 파워풀한 기능, 동작 기능을 이용하여 interactive dashboard를 만들자~

VS를 누르면 도넛차트와 파이차트를 비교하는 기능:

  1. 차트 비교 시트(VS)를 추가하기

만들었던 도넛차트를 복제하여 가운데 원만 제외한 파이차트를 만들어주고,
도넛차트 옆에 넣어준 후

시트 새로 생성 후, 행-"VS"-전체 화면-필드 레이블 숨기고,
뷰에서 마우스 우클릭-테두리 서식-행 나누기 없음

마크카드의 빈 영역에 고객 세그먼트 드래그 (원본 시트엔 하나 이상의 차원값을 가지고 있어야 시트간 interaction을 할 수 있음)

대시보드에서 도넛차트, 파이차트 사이에 넣어주고
왼쪽 하단 - 빈 페이지를 위아래에 추가하여 가운데로 조정
고객 세그먼트 범례는 필요 없으니 삭제

  1. 동작 기능 추가하기
  • 차트 비교 시트

상단의 대시보드-동작-동작 추가-필터->
원본 시트=차트비교, 대상 차트-파이차트, 동작 실행 조건-선택, 선택 내용을 지울 경우의 결과-모든 값 제외 -> 확인

이제 대시보드에서 VS를 누르면 파이차트가 사라지고, 다시 클릭하면 등장한다.

  • 고객 세그먼트별 라인 영역 차트 필터링

대시보드-동작-동작 추가-필터->
원본 시트-도넛 차트, 대상 시트-라인 영역, 실행 조건-선택, 모든 값 표시->확인

도넛 차트의 기업 고객을 선택하면,
라인 영역 차트에서 선택된 고객 세그먼트를 기준으로 필터링해준다!!

-> 각 세그먼트별 트렌드 차트를 각각 만들 필요 없이 하나의 시트에서 필터링해서 보면 되므로 매우 효율적이다.

  • 고객 세그먼트별 이중축 차트들 강조

대시보드-동작-동작 추가-하이라이트->
원본시트-도넛 차트, 대상 시트-이중축, 콤비네이션, 실행 조건-메뉴, 하이라이트-모든 필드->확인

-> 도넛 차트의 세그먼트를 선택하고 하이라이트 옵션을 누르면
이중축 차트와 콤비네이션 차트의 해당 세그먼트만 강조된다.

하이라이트 동작 기능은 필터보다는 활용도가 낮지만
많은 정보를 담고 있는 복잡한 차트들에서는 유용하다.

0개의 댓글