본문으로 건너뛰기

데이터 시각화 스터디 #2 - 색상과 차트

이전에 스터디한 것에 이어서 이번엔 색상과 여러 가지 차트에 대해서 알아보았다.

차트를 그릴 때 색상 구성은 매우 중요한 영향을 준다.
이전에 전주의적 속성에서 보았듯이 색상을 통해 강조할 수도, 추가적인 의미를 부여할 수도 있다.

색상을 결정할 때는 의도를 가지고 사용해야 한다.

  • 관심을 끌거나
  • 데이터를 강조하거나
  • 다양한 카테고리를 구분하거나

색상 구성 방식​

순차적​

낮은 수치에서 높은 수치로 정렬한 색상
순차적 색상

발산형​

중립적인 중간지점을 기준으로 양 끝단이 다른 색상
발산형 색상

범주형​

비교 대상 간 명확한 구분을 위한 색상
범주형 색상

강조용 색상​

특정 정보를 강조하기 위한 컬러
강조 색상

경고 색상​

경고나 위험을 알리는 컬러 (보통 빨강 등)
경고 색상


색맹에 대한 고려​

생각보다 많은 사람들이 색맹으로 고생한다.
남성의 약 8%가 색맹이라고 알려져 있으며, 이는 꽤 큰 비율이다.

주로 적색-녹색 구분에 어려움을 겪는다. 따라서 다음과 같은 조합을 추천한다:

  • 파랑 + 오렌지

색맹 시뮬레이터 도구​

  • Adobe Illustrator
  • Chromatic Vision Simulator
  • NoCoffee Vision Simulator

일반적인 차트 유형​

상황에 맞게 의도를 효과적으로 전달할 수 있는 차트를 선택하자.

막대 차트​

막대 차트


시계열 꺾은선 차트​

시계열 꺾은선 차트


산포도​

산포도


점도표​

점도표


단계 구분도​

단계 구분도


기호 지도​

기호 지도


표 + 하이라이트 표​

일반 표
하이라이트 표


불릿 그래프​

불릿 그래프


시각 처리 체계의 배신​

착시에 의한 인식 왜곡​

특히 파이차트, 원 크기 비교 등은 오해를 부를 수 있음

전주의적 속성 남용 문제​

복합적으로 쓰면 강조가 무력화됨

파이차트의 한계​

  • 정확한 비율 파악이 어려움
  • 여러 값을 비교하기에 비효율적

나름 파이차트를 변형한 시각화는 괜찮아 보이기도 했지만, 실제론 왜 문제가 되는지 더 살펴봐야겠다.


효과적인 대시보드를 만들려면, 장식에만 치중한 차트 유형을 사용하려는 유혹을 이겨내야 한다.


모든 결정은 절충이다.​

완벽한 차트는 없다.
서로 다른 형태의 차트는 서로 다른 이야기를 전한다.

핵심은 현재의 질문에 적절히 답할 수 있는가?
그 질문에 가장 적합한 차트를 선택하는 것이 중요하다.


출처​

대시보드 설계와 데이터 시각화