brunch

You can make anything
by writing

C.S.Lewis

by Desearch Lab Dec 07. 2022

텍스트 테이블 그리기

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

그리드 선을 삭제합니다.

테이블의 모든 행과 열에 선을 빼곡하게 채우면 선 때문에 데이터에 집중하기 어려워질 수 있습니다.

그리드 선이 빼곡한 테이블


태블로 테이블 서식 변경 방법

태블로에서는 메뉴의 서식 혹은 테이블 - 오른쪽 버튼 클릭으로 차트의 서식을 변경할 수 있습니다.


그리드 선을 제거한 테이블

불필요한 선을 지우고 데이터에 집중할 수 있는 디자인을 사용합니다.

열이 각 5줄 내외라면, 가이드 선이 없더라도 눈으로 쉽게 데이터를 따라갈 수 있습니다.


열이 길어진다면 3-5개 행씩 음영으로 구분합니다. 

구간 크기에 따라 패널에 음영을 적용하는 방법

표의 행과 열이 길지 않다면, 한 줄 건너 음영 처리를 하거나 선을 그어줄 필요가 없지만, 만약 데이터를 많이 포함하여 행과 열이 길어져 머리말에서 멀어진 열은 눈으로 따라가 기 어려울 수 있습니다.

태블로에서는 음영 서식 기능을 통해 구간 크기에 따라 패널에 색을 부여할 수 있습니다. 이 기능을 통해 3-5개 행씩 음영으로 패널을 구분합니다.


비교하고자 하는 데이터는 세로로 배열합니다.

비교하고자 하는 지역을 가로로 배열할 경우

비교하고자 하는 데이터는 세로로 배열합니다.

글자는 보통 오른쪽으로 쓰기 때문에, 가로로 배열하게 되면 데이터 사이의 길이가 멀어집니다.




비교하고자 하는 지역을 세로로 배열할 경우

따라서 세로로 배열하는 것이 비교하고자 하는 데이터 간의 거리를 좁힐 수 있으며, 사람은 세로로 배열된 데이터를 분석하는 것이 편합니다.

만약 매출, 판매, 이익 데이터를 지역별로 비교하고자 한다면, 지역을 세로로 배열합니다.




태블로에서 행과 열을 바꾸는 방법

태블로에서는 행과 열 바꾸기 기능을 사용하여 행열을 쉽게 바꿀 수 있습니다.


수는 오른쪽 정렬합니다.

수는 비교를 하기 위한 가장 기본적인 정략적인 데이터이며, 크기가 커질수록 단위가 늘어납니다.

오른쪽으로 정렬하면 큰 단위의 숫자를 확인하고, 같은 단위의 값을 갖는 숫자에서는 왼쪽의 숫자의 크기를 비교하여 숫자를 구분할 수 있습니다.

만약 소수점이 포함된 데이터라면, 소수점 아래의 유효숫자를 동일하게 가져가도록 하여 오른쪽 정렬 시 각 데이터들의 소수점의 위치가 동일하도록 정렬합니다.

(e.g. 2.34와 1을 비교할 땐 2.34와 1.00을 비교)


태블로에서 텍스트 카드의 맞춤 혹은 텍스트 편집 기능으로 숫자를 배열할 수 있습니다.

태블로에서는 텍스트 카드의 맞춤 혹은 편집 기능으로 숫자를 배열할 수 있습니다.

텍스트 편집으로 적용하지 않은 상태에서는 맞춤 기능으로 패널 안의 값도 배열 적용이 가능하며, 만약 텍스트 편집 기능을 통해 패널 안의 값을 배열하였다면 맞춤 기능은 테이블의 머리글에만 적용이 됩니다.

(테이블 데이터 서식 적용 우선순위: 1. 텍스트 편집 2. 맞춤)


항목은 논리가 있는 순서로 배열합니다.

항목을 무작위로 배열하지 않습니다.

데이터 이름 순서에 따르거나, 데이터 값의 크기에 따라 배열합니다.

지역을 찾기에 효율적인 이름 순서에 따른 정렬

태블로에서는 열에 올려놓은 필드를 오른쪽 클릭하여 정렬 기능을 사용하거나 필드 옆의 아이콘을 클릭하여 정렬할 수 있습니다.

필드 이름에 따른 사전 순 정렬, 측정값의 크기에 따른 정렬이 가능하며 행열에 올려두지 않은 필드라도 데이터를 가지고 있으면 특정 값을 기준으로 정렬하는 것도 가능합니다.


비교에 적합한 데이터 크기 순서에 따른 정렬

위의 정렬 아이콘을 클릭하여 빠르게 정렬하는 것도 가능합니다.



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

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari