14.7. 적절한 색상 사용

적절한 색상 사용

색상을 적절히 사용하면 차트의 특정 부분에 청중의 주의를 끌 수 있다. 밝은 색상이나 타 색상과의 대비가 큰 색상은 청중의 시선을 빠르게 집중시킬 수 있어 시각화가 전달하고자 하는 메시지에 효과적으로 사용된다. 하지만 무지개 색상과 같이 과도하게 많은 색상의 팔레트를 사용하는 것은 피해야 할 것이다. 각각의 색상으로 보면 화려하고 예뻐 보일지 모르지만 시각화의 목적을 전달하는데 효과적인지를 먼저 고려해야 한다.

데이터 시각화를 위한 패키지나 툴에서는 색상의 사용을 위해 각각의 패키지에서 팔레트를 제공한다. R과 python에서는 Brewer 팔레트를 많이 사용하는데, 지도 제작자인 Cindy Brewer가 개발한 팔레트로, 표현하고자 하는 데이터의 목적에 따라 다음과 같이 세 가지로 구분된다.

• Sequential palettes

순차적(Sequential) 팔레트는 두 개 혹은 세 개의 색조로 진행하는 색들로 구성된다. 그렇기 때문에 시작색과 중간색, 최종색의 이름을 사용하여 팔레트 이름이 만들어진다. 예를 들어 위의 팔레트 중 YlOrRd는 Yellow, Orange, Red의 세 가지 색을 순차적으로 구성하는 색으로 구성되어 있다. 이 순차적 팔레트는 보통 밝은색에서부터 시작하여 어두운색으로 진행되는데, 밝은색은 낮은 데이터 값으로, 어두운색은 높은 데이터 값으로 매핑된다. 따라서 이 팔레트들은 보통 데이터 값이 순서를 가지거나 값의 크기에 따른 비교가 가능한 데이터들의 색을 표시할 때 효과적으로 사용된다.

그림 VIIII-10. Sequential Palettes

• Diverging palettes

분기(Diverging) 팔레트는 보통 세 가지 색상을 사용하는 것은 순차 팔레트와 유사하지만, 중간값을 밝은색으로 두고 양쪽 끝으로 갈수록 어두운색으로 퍼져나가는 방식, 즉 중간을 중심으로 양쪽으로 분기되는 형태의 팔레트이다. 이 팔레트의 이름도 순차 팔레트와 유사하게 팔레트를 구성하는 색이름을 사용하여 만들어졌는데 RdYlGn은 중간값을 Yellow로 두고 데이터값이 작을수록 Red가 점점 어두워지는 색으로, 데이터 값이 커질수록 Green으로 퍼져 나간다. 팔레트 이름에 색상이 두개만 지정되어 있다면 중간 색을 흰색(white)로 설정된 팔레트이다. 이 팔레트는 중간값을 기준으로 작은 값과 큰 값을 대조할 때 효과적으로 사용된다.

그림 VIIII-11. Sequential Palettes

• Qualitative palettes

질적(Qualitative) 팔레트는 앞에서 언급한 순차 팔레트나 분기 팔레트와는 달리 특정한 색조의 순서에 특별한 의미가 없다. 색상의 구성은 각각의 데이터 값 간의 구분이 명확하도록 구성되어 있다. 따라서 인접한 색들이 유사한 색으로 구성되지 않게 구성되어 있다. 따라서 데이터를 구성하는 값이 순서와 관련 없는 범주형 변수인 경우 효과적으로 사용된다.

그림 VIIII-12. Qualitative Palettes

또 하나의 고려 점은 색맹이나 색약의 장애를 가진 청중을 위한 고려이다. 이 고려는 색맹이나 색약에 대한 고려뿐 아니라 흑백 출력에 대한 해결책도 제시한다.

화려한 색상의 사용은 그래프를 시각적으로 예뻐 보이게 할 수 있겠지만 색상을 인식하 는데 장애가 있는 청중들에게는 데이터를 구분할 수 없는 단점이 있다. 또 흑백 프린터를 사용하는 경우 화려한 색상은 출력물에 구분하기가 어렵기 때문에 다시 시각화를 만들어야 하는 번거로움도 있다. 이러한 단점을 극복하기 위해 제공되는 팔레트가 Viridis 팔레트이다.

Viridis 팔레트는 2015년 Stéfan van der Walt 와 Nathaniel Smith가 파이썬 matplotlib 패키지에 사용될 색상 팔레트로 설계했는데, 색상을 구분하기 어려운 사람들과 흑백으로 출력되는 출력물에서 색상들이 정확히 구분될 수 있도록 구성한 팔레트이다. 이 팔레트는 8가지 색상 팔레트로 구성된다. 가장 기본적인 “viridis” 팔레트를 비롯하여 “magma”, “plasma”, “inferno”, “civids”, “mako” , “rocket”, “turbo”로 구성된다.

그림 VIIII-13. Viridis Palettes(출처 : https://cran.r-project.org/web/packages/viridis/vignettes/intro-to-viridis.html

Viridis 색상이 각각의 색맹에게 보여지고 흑백에서 출력되는 색상은 다음의 그림과 같다.

그림 VIIII-14. 색맹과 흑백으서 인식되는 Viridis Palettes(출처 : https://cran.r-project.org/web/packages/viridis/vignettes/intro-to-viridis.html