ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Tableau] 막대 게이지 차트(Bar Gauge Chart) 시각화하기
    Data Visualization/Tableau(Advanced) 2020. 10. 10. 00:17

    Table of Contents

    1. Introduction

    2. Data

    3. Tableau에서 막대 게이지 차트 시각화하기

    4. Reference

     

    Introduction

     막대 게이지 차트(Gauge Chart)는 일반적인 게이지 차트와 유사하며, 자동차 대시보드에 있는 게기판 형태로 시각화하여 현재의 상태가 어떤지 한눈에 파악하기 위한 목적으로 사용한다. 다만, 대시보드에 표현할 공간이 좁아서 게이지 차트로 표현하기 어려울 경우 막대 게이지 차트를 활용해서 사용하기도 한다. <그림 1>은 Google Charts의 Gague chart guide로 자동차 계기판을 연상시키는 모습을 보이고 있다. 태블로에서는 막대 게이지 차트는 게이지 차트와 다르게 표현하는 방식은 훨씬 쉬운 편이다.

    <그림 1> Google Gauge Chart Gallery

    Data

     다음 데이터는 이번 시즌 K리그 기록을 가져온 데이터이다. 다음 데이터를 다운로드하고 태블로 데스크탑 이나 퍼블릭에서 불러온다.

    K리그.xlsx
    0.05MB

     

    구단 선수명 시즌 출장 어시스트 슈팅
    강원FC 가솔현 2020 0 0 0 0
    광주FC 김태곤 2020 0 0 0 0
    대구FC 고태규 2020 0 0 0 0
    부산아이파크 박경민 2020 0 0 0 0
    상주상무 박지민 2020 0 0 0 0
    서울FC 김원균 2020 0 0 0 0
    성남FC 김근배 2020 0 0 0 0
    수원삼성 안찬기 2020 0 0 0 0
    울산현대 김민덕 2020 0 0 0 0
    인천유나이티드 김유성 2020 0 0 0 0
    전북현대 김정훈 2020 0 0 0 0
    포항스틸러스 김주환 2020 0 0 0 0

     

    Tableau에서 막대 게이지 차트 시각화하기

    <그림 2> 완성된 막대 게이지 차트

     

    1. 태블로에서 막대 게이지 차트를 시각화하는 방법은 간단하게 수행할 수 있다. 먼저, 태블로에 샘플 데이터를 연동하기 위해서 위의 실습용 샘플 데이터를 다운로드 한다.

     

    2. 태블로에서 엑셀 파일을 연동한다.

    ※ 태블로 주요 기능(https://jaydata.tistory.com/46)을 참고한다.

     

    3. 막대 게이지 차트는 이중축을 활용해서 손 쉽세 구현할 수 있다. 슈팅 대비 득점 비율이 어느 정도 되는지 확인하기 위해서 득점률을 계산한다.

    구분 계산식
    계산된 '득점률' 함수 ZN([골]/[슈팅])

     

    4-1. 앞에서 생성한 득점률을 이용해서 구단별로 평균 득점률을 비교하기 위해서, 차원값에서 구단을 행 선반으로 드래그하고 측정값에서 득점률을 열 선반으로 드래그한다.

     

    4-2. 열 선반에 1을 생성하여 만든 합계(1) 알약을 오른쪽 버튼을 클릭해서 차원으로 변경하고 이중축을 만들어준다. 축 동기화하고 축 편집을 0부터 1까지 설정해서 막대 게이지 차트를 완성한다.

    <그림 3> 이중축을 활용하여 막대 게이지 그래프를 작성한 결과

    5. 시트 빈 곳에서 오른쪽 버튼을 눌러 나오는 팝업에서 서식을 들어가 막대 게이지 차트를 표현하는데 방해될 만한 구분선 또는 배경 등을 제거한다.

    ※ 시트 구성에서 색상 또는 구분선 배경 등은 시트에서 판단하고 변경하는 것 보다 대시보드 구성 후 적절한 색상을 편집하는 것을 권장한다.

     

    6. 상단의 맞춤을 '표준'에서 '전체 보기'로 선택한다.

    <그림 4> 나머지 과정 수행 결과

     

    시각화 한 결과는 태블로 퍼블릭에서 참고할수 있다.

    public.tableau.com/views/__16022544676430/Sketch

     

    Reference

    Google ,"Visualization: Gauge", developers.google.com/chart/interactive/docs/gallery/gauge#data-format

    K 리그 포탈, data.kleague.com/

     

     

     

    댓글

Designed by Tistory.