brunch

막대 차트 그리기

태블로와 인포그래픽 가이드

by Desearch Lab

막대 사이의 빈 공간의 폭은 막대 너비의 절반 정도로 합니다.

막대 차트는 사전 주의적 속성 중 길이를 이용하여 굉장히 효율적으로 인지할 수 있습니다.

우리는 막대의 길이를 통해 쉽고 빠르게 데이터의 크기를 비교할 수 있습니다.

하지만 막대 사이의 빈 공간이 너무 넓으면 공간을 차지하고, 우리의 시선이 그 빈 공간을 향할 수 있지만, 그 공간에는 아무런 데이터가 없습니다.


태블로에서 막대 너비는 마크의 크기로 설정할 수 있습니다.

Screenshot 2022-12-04 at 5.36.04 PM.png 막대 너비 조정 방법


예측 막대는 연하게 표시합니다.

Screenshot 2022-12-04 at 5.41.26 PM.png 예측 막대 표시

태블로의 분석 기능을 통해 기존 데이터로부터 이후 데이터의 예측 값을 계산할 수 있습니다.

명암을 달리하여 예측 데이터를 표시하여 구분합니다.


축을 잘라내지 않습니다.

막대 차트에서 0 기준선을 자르게 되면 본래 데이터가 가지고 있는 의미가 왜곡될 수 있습니다.


아래의 막대 차트에 따르면 2015년 이후 2016년에 20%가량의 성장을 한 것으로 보이지만, 0 기준선을 잘라내게 되면 그보다 더 큰 성장을 한 것처럼 보일 수 있습니다.


4xoJ8LEnf3eiXZ7tbjUrRwu5yfYhxYHOByNCoBUGz7WeKrn3CsE0ydPTf5ULXZSHJrXyBcKJ0Nx4LlredawGouVIbGTqcsM86cqcaagB51l9JXCBrt_FQXGgOCLLCkZ_bS3EC3_4hWmVGD5yZzfxrPOIjyThYunjbOHBgj_oKCWL-koAgJOs92q9BlTzwesd
X99xNHTITU9Jf8vNfPCdUhuTZeKf5Qk0yKyr4aQY6FuqfzLjoxbccNiEe3nASpmBEu6CMeZs0JW1sBrvvCquAgjzdsWoaCL8WEXr6ipiv_4HQmpw2We0zpajcM_82eDV6rXL7c1zga3wcAA-9DIKVzqYxCxou2aItkgVJr5PT84kcddFDPXS11NTAXhMaK20
축의 차이에 따른 막대 차트


태블로에서 축의 단위나 눈금선을 변경할 수 있습니다. 축에서 오른쪽 버튼을 클릭하여 축 편집을 클릭한 후, 범위를 고정 값으로 변경하여 원하는 시작과 끝 점을 입력합니다.

Screenshot 2022-12-04 at 5.45.18 PM.png
Screenshot 2022-12-04 at 5.51.03 PM.png
태블로에서 축 범위를 변경하는 방법


만약 축의 미세한 차이를 비교하고 싶다면, 증감률로 비교하는 것이 대안이 될 수 있습니다. 여기서 태블로의 퀵 테이블 계산을 통해 자주 사용하는 계산식을 빠르게 적용할 수 있습니다.

비율 차이로 계산한 막대 차트에서는 직전 연도로부터 성장한 비율을 비교할 수 있으며, 특히, 성장률이 감소하는 경우 음의 값이 나올 수 있어 데이터를 더 강조하는 것이 가능합니다.

Screenshot 2022-12-04 at 5.55.13 PM.png
Screenshot 2022-12-04 at 5.54.59 PM.png
퀵 테이블 계산을 통한 비율 차이 계산


다중 막대를 사용할 때, 막대 색은 음영에 따라 달리합니다.

여러 막대에 색상을 다양하게 사용하는 경우, 어지러워 보이며 데이터 비교도 힘들어집니다. 음영을 달리하여 비교하는 것이 비교적 데이터를 순차적으로 따라갈 수 있습니다.


JYvfExlx7-LbhGjp1J1TkQSy_Wxq5cKv1GCQ3GBYAU2q8f1kQsl9THR4lH4QCAdIhPGu3coCJS3k8jUa3VtDhHZZUY3wSez-NktRGE1naFA-wtHzTJWNItFmD9bNwkMEuuyOTh_k91kspLRqP67cjlihjGs-qblOplXEzjt4ruIxTHX5qXQMDgtAMgCsYMW6
1Vg23JK653drhQyna4RvkcLjzwB_Gd73S3pQHSf0-Xt7z4f_BIBxqGslx8P3fYhbt4vgkSOCmufgPFD1bB9F_4EG8JazHV-XA-wHOFtL9AWVL3yZBcMi493An_0OF43H1jr6LwDJDTqlRl9iVtBsucoAOJ-jD-jRTCudONALPtF_X5_7cjTidIn0aHlzSuaU
다중 막대의 색상을 다양하게 사용하는 경우와 음영을 달리 사용하는 경우


그룹 내 2개의 막대라면 항목을 직접 다는 것도 실용적이지만 3개가 넘어갈 경우 범례를 제시하는 것이 깔끔합니다. 범례는 차트 내의 순서와 동일하게 제시합니다.

Screenshot 2022-12-04 at 6.23.00 PM.png 막대 차트와 범례


태블로에서 범례는 데이터에 색상을 부여하면 자동으로 생성됩니다. 범례를 클릭하면 해당 데이터가 하이라이트 됩니다.

Screenshot 2022-12-04 at 6.17.55 PM.png
Screenshot 2022-12-04 at 6.18.01 PM.png
Screenshot 2022-12-04 at 6.18.13 PM.png
태블로 범례 생성과 범례의 활용


수평 막대는 순위 비교에 목적이 있습니다.

비교 대상을 세로로 나열하는 경우, 데이터 사이의 간격 더 좁아지고 붙어 있는 데이터와 비교하기 더 쉽습니다. 따라서 수평 막대를 사용하는 경우는 위에서부터 크기에 따른 순차로 배열하여 순위를 나타내는 것이 효율적입니다.

특정 데이터를 강조하고자 한다면, 음영을 통해 강조할 수 있습니다.

또한, 데이터의 이름이 길어 가로 막대에서 이름을 기울여서 표현해야 하는 상황이라면, 수평 막대를 활용하여 데이터의 이름을 기울이지 않는 것이 좋습니다.


7c1pMUFrP-RAVv9zGpxx7_G4rZrSA8nUXzpfckvqjrHqZpkxk4xC6B26fLMNhyLbEA84mXRNOkEU5viX6sE1bIY6ScmKiKwbXFJ3M1YZFhPshU1MYRnG3mBEFbxgEQHHcswTqEncTRHy2lZY0UIXofn_YjUC3O7tcM27YtDAN4ImRz5hR8InoIir6yYhdbEk
mUt2mD0QxATme1WKwjDLRbL__QmLwAUbvntOhGLhsrRz7PEi7BjT0T2vuS9UHyx6r_1-0zlU-m1fTtCZ3bV0Oa7UZwhZPqKjtkzkniYBrfvA_W4zMBpErMlhq_h6nEeC5v4H_o9mpR5weHNNF5NfIKQZ5jBDc-n5HfhGkfMOH2IzB0ml9C5uH96rwIiKTONz
크기에 따라 배열한 수평 막대


다만, 데이터의 이름이 많은 경우, 이름 순서에 따라 배열하는 것이 특정 데이터 항목을 찾는 시간을 줄여줄 수 있을 것입니다.


i24KXbiSrQ617QbTaLK5D9-VqvQW9hc2vz3erRt6cHK3rhv4ExmMDCxjXGXIFY-VfzRhm1UGmldXQZvFa3IoZAY0fBTqfhu0gZwFOGZdds24fqh3X2buA_4TmYDleQE1dPTQgIc5vIsX_f2PGRKwz6_JWlZfoKgakjrE540ah7IcJApHS3pjV7p0XZkqeysZ 데이터 이름에 따른 배열이 효과적인 경우


음수를 왼쪽, 양수를 오른쪽에 배치합니다.

음수와 양수가 포함된 데이터라면 0 기준선을 중심으로 배치하면 효과적인 시각화가 가능합니다.

또한 색상을 사용하여 음수와 양수를 구분하면 더 강한 시각적인 전달이 가능합니다.

다만, 만약 음수가 포함된 막대 차트를 수직으로 구성이 가능하다면 수직 막대로 구성하는 것이 음수를 아래에 배치하여 더 강한 인상을 줄 수 있습니다.


G0u0X0B0q2KMNW2Hs6oIAtXLqHdPYYJJjMBk6_EFK875qeSbX6sO-xL3nzgLqFusE1Nj6-0LNKOwVDSbxsEm7gZDFb8sMoPSYCRfJ-v56DNPOf9P5dn4X1h5_gyrCPPWEvPYHRt3imSxpNwjvbRwhcOXDSzAABCGD6RqtdT9whK6L_zQlUDXxMhIhHo9HAj_ 음수가 포함된 수평 막대



이 글은 도나 M. 윙의 월스트리트저널 인포그래픽 가이드를 참고하였습니다.




올해, 유데미 강의에 도전해 보았습니다.

무료 버전 태블로 퍼블릭을 사용하여 모든 실습이 가능한 강의로, 빠른 시간 내에 태블로의 기본 기능을 학습하실 수 있습니다.

https://www.udemy.com/course/step-by-step-tableau/?referralCode=4A8F532BAA8B4CEF9E60


태블로 강의 소개 및 제작 이야기 포스팅도 있습니다.

https://brunch.co.kr/@souchang/36

keyword
작가의 이전글태블로(Tableau) 무료로 설치하기