데이터 시각화 이론 03. 시각화 원리
목차
핵심 요약
좋은 차트와 나쁜 차트를 가르는 기준의 상당 부분은 사람의 시각 시스템이 어떤 정보를 정확히, 빠르게 읽는가에 있습니다. 이 노트는 세 가지 축을 다룹니다. (1) 정량 값을 인코딩하는 채널의 정확도 순위(Cleveland–McGill), (2) 노력 없이 즉시 인지되는 전주의적 속성, (3) 요소를 묶어 지각하는 게슈탈트 원리입니다. 앞 노트들의 차트 선택 규범은 대부분 여기서 파생됩니다.
추상화 계층 구분선
- 인지·지각 이론: 이 노트 자체. 도구·데이터와 무관한, 사람 눈과 뇌의 특성.
- 차트 설계 원칙: "정량 비교는 위치·길이로 인코딩하라" 같은 규범(02, 04 노트).
- 도구 구현: 도구 노트에 위임.
1. 정량 인코딩 정확도 순위 (Cleveland–McGill)
Cleveland와 McGill은 1984년 실험으로, 같은 수치를 서로 다른 시각 채널로 표현했을 때 사람이 얼마나 정확히 값을 판단하는지 순위를 매겼습니다. 일반적으로 인용되는 순서는 다음과 같습니다(정확한 쪽부터).
- 공통 축 위의 위치(position along a common scale) -예: 산점도, 정렬된 막대의 끝점
- 정렬되지 않은 축 위의 위치 -예: 여러 패널에 흩어진 값
- 길이(length) -예: 0에서 시작하지 않는 막대, 누적 막대 조각
- 기울기·각도(slope, angle) -예: 라인 차트의 변화율, 파이 조각의 중심각
- 면적(area) -예: 버블 차트, 트리맵
- 부피(volume), 곡률
- 색상 명도(shading/saturation), 색조(hue) -예: 히트맵, 코로플레스 지도 핵심 함의:
- 정밀한 정량 비교가 목적이면 위치와 길이를 쓴다. 그래서 비교에는 막대(길이)가, 관계에는 산점도(위치)가 기본입니다.
- 각도·면적·색은 정량 비교에 약하다. 파이차트(각도·면적), 버블(면적)이 지양되는 근거입니다. 색은 정량값의 보조 채널이나 범주 구분으로만 씁니다.
- 순위가 낮은 채널일수록 "대략적 인상"에는 쓸 수 있어도 "정확한 값·순위"에는 부적합합니다. 이 순위는 실험적으로 뒷받침된 사실에 가깝지만, 과제 종류(값 읽기 vs 추세 파악)와 데이터에 따라 상대 순서가 달라질 수 있다는 점은 후속 연구들이 지적합니다.
2. 전주의적 속성 (preattentive attributes)
전주의적 처리란 의식적 탐색(하나씩 훑어보기) 없이, 200ms 이내에 병렬적으로 인지되는 시각 특성을 말합니다. 대표적으로:
-
색상(hue): 빨간 점 하나가 파란 점 무리 속에 있으면 즉시 튐
- 크기·길이·굵기
-
방향(orientation): 기울어진 하나
- 위치·공간적 군집
-
명도(intensity), 움직임(animation), 둘러싸기(enclosure) 설계 함의:
-
강조하고 싶은 데이터 지점 하나에만 전주의적 속성(진한 색 등)을 부여하면 시선이 자동으로 갑니다. 주석의 원리입니다.
-
전주의적 속성을 여러 개 동시에 남발하면(모든 계열이 원색) 아무것도 강조되지 않습니다. "모두 강조하면 아무것도 강조 안 됨."
-
범주 색은 7~8개 이내로. 그 이상은 전주의적 구분이 무너지고 하나씩 범례를 대조하게 됩니다.
3. 게슈탈트 원리 (grouping)
게슈탈트 심리학은 사람이 개별 요소를 집단으로 묶어 지각하는 규칙을 정리했습니다. 차트에서 자주 쓰이는 것:
- 근접성(proximity): 가까이 있는 요소를 한 그룹으로 봄 → 관련 막대는 붙이고, 그룹 사이는 띄운다(grouped bar).
- 유사성(similarity): 같은 색·모양을 한 그룹으로 봄 → 같은 계열은 같은 색.
- 연속성(continuity): 매끄럽게 이어지는 선을 하나의 흐름으로 봄 → 라인 차트가 추세를 전달하는 이유. 반대로 순서 없는 데이터를 선으로 이으면 가짜 흐름을 만듦.
- 폐쇄성(closure): 끊긴 윤곽을 완성해 인식 → 축을 다 그리지 않아도 형태가 읽힘(데이터-잉크 절약의 근거).
- 공동 운명(common fate): 같은 방향으로 움직이는 요소를 묶음(애니메이션).
- 둘러싸기(enclosure): 테두리·음영으로 감싼 영역을 한 그룹으로 → 특정 구간 배경색으로 강조. 설계 함의: 여백·정렬·색의 일관성은 장식이 아니라 그룹 지각을 조종하는 도구입니다. 정렬이 어긋나거나 그룹 간격이 불규칙하면 뇌가 잘못된 묶음을 만듭니다.
4. 종합
시각화 설계는 결국 "전달할 정보의 중요도 순서"를 "지각 정확도·즉시성 순서"에 맞추는 작업입니다.
- 가장 중요한 정량 비교 → 위치/길이
- 강조점 → 전주의적 속성 하나
- 그룹 구조 → 게슈탈트(근접·유사·둘러싸기)
- 부차적·범주적 정보 → 색조, 모양
댓글
GitHub 계정으로 의견이나 질문을 남길 수 있습니다.