예술적으로 데이터 시각화하기
feat. 태블로, 막대그래프 만들기
안녕하세요, 브래드입니다.
오늘은 데이터 시각화 툴인 태블로에서 막대그래프를 구현해보며 지난번 표 만들기에 이어서 데이터를 시각화해보는 작업을 진행해볼게요.
태블로, 막대그래프 만들기
행 - 매출액지난번, 표 그래프를 만들 때에는 카테고리를 행에 두고 데이터를 넣었었습니다.
막대그래프를 만들기 위해서는 소분류 같은 카테고리 항목을 열에 옮기고, 행에 값을 넣는 작업이 필요합니다.
전체보기만약 막대그래프를 구현했는데 항목의 글자가 길어 전체가 보이지 않는다면, 윗부분의 표준 항목을 전체보기로 바꾸면 글자 잘림을 해결할 수 있습니다.
상품 항목 이름이 아래에 있으면 위에 있을 때보다 보기가 어렵습니다.
따라서, 상품 항목 이름을 위로 올려주기 위하여 분석 - 테이블 레이아웃 - 고급에서 세로축과 관련한 항목을 체크해제하여 오른쪽 이미지 같이 위로 올려줄 수 있습니다.
격자선 없애기태블로에는 기본적인 옵션으로 배경에 격자선이 보입니다.
격자선은 굳이 없어도 되는 기능이므로, 좀 더 깔끔한 시각화를 위해 마우스 우클릭 - 서식 - 선 그어져 있는 항목 - 행에서 격자선을 제거할 수 있습니다.
색상 활용기본적인 색상을 탈피하여, 막대그래프를 여러분이 원하는 색상으로 입힐 수 있습니다.
마크 칸에 있는 색상 기능을 활용하여 다양한 색을 지정할 수 있으며, 카테고리의 소분류 같은 항목을 색상에 직접 드래그하여 항목 별로 색상을 입혀 확인할 수 있습니다.
매출을 색상에 옮겼을 경우이번엔 매출을 색상에 드래그하면 다음과 같이 막대그래프의 색깔 진하기가 구분되는 것을 확인할 수 있습니다.
즉, 우리는 해당 예시를 통해 소분류 혹은 대분류 같은 차원을 색상으로 옮길 때, 매출 요소 같은 측정값을 색상으로 옮길 때에 색깔을 지정하는 방법이 다름을 알 수 있습니다.
차원은 나눌 수가 없기 때문에 그라데이션으로 표현해줄 수 없지만, 측정값은 나눌 수 있기 때문에 그라데이션으로 쪼개어 표현할 수 있습니다.
매출을 레이블에 옮겼을 경우만약 우리가 막대그래프에서 매출을 바로 확인할 수 있도록 숫자 값을 막대 위에 올리기 위해선, 매출을 마크 칸의 레이블 항목에 드래그해줍니다.
위 이미지처럼 매출 값이 막대 위에 올라온 것을 확인할 수 있습니다.
매출 값을 막대 위로 올리긴 했지만, 숫자 값이 큰 탓에 우리가 직관적으로 숫자를 파악하기 어렵다는 단점이 존재합니다. 이를 극복하기 위해 숫자의 단위를 바꿔줄 수 있습니다.
먼저, 레이블 항목에 드래그한 매출 알약을 더블클릭하고 10,000을 입력하여 나눠줍니다.
이후 매출 알약의 서식을 들어가 숫자(사용자 지정)에서 소수점 자릿수를 0으로 바꾸고 사용자 지정에서 '만'을 입력해줍니다. 이를 통해 직관적인 매출 보기가 가능해지는 것을 알 수 있습니다.
할인금액 추가또한, 하나의 데이터에 대한 막대그래프뿐만 아니라 할인금액 요소 등과 같이 막대그래프 요소를 아래에 추가하여 데이터를 비교 확인할 수 있습니다.
이미지와 같이 각각을 다른 색으로 지정하여 시각적으로 보기 편하게 구현을 할 수 있습니다.
소분류 매출 큰 순서대로 정렬하기매출이 큰 순서대로 막대그래프를 보기 위해선 정렬 기능을 활용해주어야 합니다.
소분류의 데이터를 매출이 큰 순서대로 정렬한다고 가정하면, 열에 넣은 소분류 알약을 우클릭하여 정렬에 들어가 줍니다.
이후, 정렬 기준을 필드로 바꾸고 필드명을 매출로 설정 및 정렬 순서를 내림차순으로 설정하여 매출이 큰 순서대로 확인이 가능합니다.
age 밴드 색상에 옮기기이번엔 새로운 시트에 매출을 열에 올리고, 상품명을 행에 옮기는 작업을 진행해볼게요.
이후, 상품별 어떠한 연령층이 주력인지를 파악하기 위해 age밴드를 색상에 옮겨줍니다.
age밴드를 색상에 옮겨주면 이미지와 같이 각 연령대별 구매현황을 직관적으로 파악할 수 있습니다.
연령별 정렬다음 예시에서는 20-30대가 주력 구매 연령층이므로, 해당 연령층이 앞부분으로 오도록 구현하고 싶은 상황입니다.
이럴 경우에는 age밴드 알약을 클릭하여 서식을 들어간 후, 데이터 정렬을 진행하여 내림차순으로 하고 또한 null값을 맨 뒤로 보내주려 한다면 수동으로 하여 null 값을 상단으로 보내주는 방법이 존재합니다.
비율로 나타내기우리가 원하는 정렬 방식으로 연령대별로 구현을 진행한 후 매출을 레이블에 드래그하여 각 연령대별 매출 또한 확인할 수 있습니다.
단, 매출액을 직접 확인하기보다는 각각의 비율을 확인하는 것이 필요하므로 각각의 매출액을 비율로 구현할 필요가 존재합니다.
따라서 매출 알약 우클릭 - 퀵테이블 계산 - 구성비율 클릭하여 비율을 보여줄 수 있습니다. 단, 이렇게만 설정한다면 각 상품별이 아닌 전체에서의 비율을 나타내므로 원하는 지표를 볼 수 없습니다.
이에 매출 알약 우클릭 - 다음을 사용하여 계산 - 테이블 옆으로를 클릭하여 우리가 원하는 비율을 확인할 수 있습니다. 추가로 서식 - 숫자 - 백분율에서 소수점 자릿수를 0으로 바꾸어 더욱 깔끔하게 구현할 수 있습니다.
같은 길이의 막대로 비율 비교이전 이미지에서 볼 수 있듯이 비율로 나타내긴 했지만, 각각의 막대 길이가 달라 정확한 비교가 한눈에 하기는 어렵다는 단점이 존재합니다.
이에 막대 길이를 같게 설정하여 좀 더 시각적으로 쉬운 비교가 가능하게 만들어주는 것이 필요합니다.
이를 위해선 먼저 열에 있던 기존 매출 알약을 빼주고, 마크 칸에 있는 퀵테이블이 계산된 매출 알약을 ctrl + 드래그하여 열에 옮겨줘야 합니다. ctrl + 드래그하여 옮겨주면 기존의 것도 그대로 남아있는 것을 확인할 수 있습니다.
이를 통해 이미지처럼, 모두 같은 길이의 막대를 통해 비율 비교를 한눈에 할 수 있습니다.
대시보드에 구현하기앞서 만든 막대그래프들을 대시보드에 구현하여 다음과 같이 서로 비교를 통해 인사이트를 발견하고, 좀 더 나은 의사결정을 진행할 수 있습니다.
지금까지 데이터 시각화를 위한 태블로에 대한 학습으로, 태블로를 통해 막대그래프를 만들어보았습니다.
막대그래프를 통해 연령대별 등 다양한 지표를 시각적으로 한눈에 볼 수 있게 구현할 수 있다는 점이 태블로를 통해 제작할 수 있는 막대그래프의 큰 메리트라 생각합니다.
다음 시간에는 파이차트, 버블차트 등을 공부해보며 더욱 다양하게 시각화해보는 방법을 함께 알아보겠습니다.
브래드였습니다. 감사합니다.
