brunch

You can make anything
by writing

C.S.Lewis

by Desearch Lab Dec 22. 2022

태블로와 색상

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

색상의 사용은 의도가 있어야 합니다.

사실 좋은 데이터 시각화는 색상이 단순해도 충분히 정보의 전달이 가능하며 아름답습니다.

따라서 색의 사용은 시각화를 하는 사람이 다분한 의도를 가지고 내용에 추가해야 하는 것입니다. 강조를 하거나 카테고리를 구분하는 경우 유용할 것입니다.


태블로에서는 데이터의 종류에 따라 두 가지 방식으로 색상의 설정이 가능합니다.


불연속형(Discrete) 데이터의 경우, 각 각테고리에 개별의 색상을 부여할 수 있습니다.

또한, 태블로에서 지정한 여러 색상 테마 중 선택하여 사용할 수 있습니다.

색상 설정은 마크에 색상을 설정하고자 하는 데이터를 끌어 놓아 설정합니다.

태블로 불연속성 데이터 색상 설정


연속형(Continuos) 데이터의 경우, 연속된 색상을 부여할 수 있습니다.

따라서 한 가지 혹은 두 가지, 혹은 단계별 색상을 지정하여 값에 따라 색상이 변하도록 사용할 수 있습니다.

마찬가지로 태블로에서 지정한 여러 색상 테마가 있으며, 연속형 데이터의 경우 사용자 지정 색상 또한 사용 가능합니다.

태블로 연속형 데이터 색 설정


차트에서 색상을 사용할 때 크게 네 가지 방법으로 사용할 수 있습니다.

1. 낮은 곳에서 높은 곳으로

한 방향의 흐름이 있는 연속형 데이터를 표현할 때, 색상을 낮음에서 높음으로 정렬하여 데이터의 크기를 표현할 수 있습니다.

색상이 높을수록 매출이 큰 지도 시각화


2. 두 방향으로 뻗는 경우

두 방향의 흐름이 있는 연속형 데이터를 표현할 때, 중간 지점의 낮은 색상으로부터 두 가지의 높은 색상으로 뻗어 나며 두 방향의 데이터 크기를 표현할 수 있습니다.(예를 들어 음수와 양수)

영업 이익이 손실인 주황색과 이익이 발생한 경우의 파란색으로 뻗어나가는 색상


3. 구분을 위한 색상

불연속형의 데이터를 다루는 경우, 색상을 활용하여 개별 구분이 가능합니다.

카테고리에 따른 색상


4. 강조와 경고

특정 데이터를 강조하거나 경고할 때, 전달하고자 하는 내용을 중심으로 색을 입혀 강조할 수 있습니다.

카테고리와 같은 불연속형 데이터 중 하나의 카테고리를 강조할 수 있습니다.

연도별 가구의 매출 추이를 강조


또한, 연속형 데이터라도 단계별 색상을 적용하여 특정 조건의 데이터를 강조하거나 경고할 수 있습니다.

손실을 경고하는 테이블



이 글은 스티브 웩슬러, 제프리 섀퍼, 엔디 코트그리브의 대시보드 설계와 데이터 시각화를 참고하였습니다.

작가의 이전글 라인 차트 그리기
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari