데이터 시각화 차트 선택 가이드, 정보 계층 설계 원칙, 숫자-차트 매핑 매트릭스를 제공하는 info-architect 확장 스킬. '차트 선택', '데이터 시각화', '그래프 종류', '정보 설계', '차트 컬러', '데이터 스토리텔링' 등 데이터를 시각적으로 표현할 때 사용한다. 단, 실제 차트 렌더링이나 BI 도구 연동은 이 스킬의 범위가 아니다.
info-architect 에이전트가 데이터 시각화 설계 시 활용하는 차트 선택 매트릭스, 정보 계층 원칙, 시각화 베스트 프랙티스.
info-architect — 이 스킬의 차트 선택 로직과 정보 설계 원칙을 데이터 시각화에 직접 적용한다.
| 목적 | 추천 차트 | 데이터 조건 | 비추 상황 |
|---|---|---|---|
| 비교 | 막대 (수직/수평) | 카테고리 3~12개 | 카테고리 2개 미만 |
| 추세 | 꺾은선, 영역 | 시계열 5개+ 포인트 | 데이터 포인트 3개 미만 |
| 구성 | 파이, 도넛, 트리맵 | 합계 100%, 3~6조각 | 7조각 이상 → 막대로 |
| 분포 | 히스토그램, 박스플롯 | 연속형 데이터 | 카테고리형 데이터 |
| 상관 | 산점도, 버블 | 두 변수 간 관계 | 변수 1개만 |
| 흐름 | 산키, 워터폴 | 단계별 변화 | 단순 비교 |
| 지리 | 맵, 코로플레스 | 위치 기반 데이터 | 위치 무관 데이터 |
| 순위 | 수평 막대, 롤리팝 | 순서 중요 | 순서 무관 |
| 데이터 포인트 | 추천 | 회피 |
|---|---|---|
| 1개 | 숫자 하이라이트 (Big Number) | 모든 차트 |
| 2~3개 | 비교 카드, 도넛 | 꺾은선 |
| 4~12개 | 막대, 꺾은선, 파이(6개까지) | - |
| 13~50개 | 꺾은선, 히트맵 | 파이 |
| 50개+ | 산점도, 히트맵, 소형 다중 | 막대, 파이 |
단일 색상의 밝기 변화 — 낮은 값(밝음) → 높은 값(어두움)
중앙값 기준 양쪽 색상 — 부정(빨강) ← 중립(흰색) → 긍정(파랑)
서로 구분되는 색상 — 최대 6색, 색각이상자 고려
| 규칙 | 설명 |
|---|---|
| 색상만으로 구분 금지 | 패턴, 라벨, 두께 병행 |
| 명도 대비 4.5:1 이상 | WCAG AA 기준 |
| 적-녹 조합 회피 | 색각이상 8% (남성) |
| 패턴 대안 | 빗금, 점선, 점 패턴 |
| 원칙 | 정렬 기준 | 적용 예시 |
|---|---|---|
| L Location | 위치/지역 | 지역별 매출 → 지도 |
| A Alphabet | 가나다/ABC | 용어 사전, 이름 목록 |
| T Time | 시간순 | 로드맵, 타임라인, 추세 |
| C Category | 범주/유형 | 제품별, 부서별 분류 |
| H Hierarchy | 크기/중요도 | 매출 순위, 우선순위 |
| 패턴 | 슬라이드 흐름 |
|---|---|
| 줌인 | 전체 개요 → 세그먼트 → 상세 |
| 줌아웃 | 개별 사례 → 패턴 → 전체 시사점 |
| 대비 | A 상황 → B 상황 → 차이점 강조 |
| 시간순 | 과거 → 현재 → 미래 예측 |
| 문제-해결 | 문제 데이터 → 원인 분석 → 솔루션 데이터 |
| 데이터 유형 | 포맷 | 예시 |
|---|---|---|
| 금액 (원) | 천 단위 쉼표, 억/만 단위 | ₩12.5억, ₩3,400만 |
| 퍼센트 | 소수점 1자리 | 23.4% |
| 대형 숫자 | K/M/B 축약 | 1.2M, 350K |
| 변화율 | +/- 부호 + 색상 | +12.3% (녹색) |
| 날짜 | YYYY.MM 또는 Q1'25 | 2025.03, Q1'25 |
| 안티패턴 | 문제 | 대안 |
|---|---|---|
| 3D 차트 | 왜곡, 가독성 저하 | 2D 차트 |
| Y축 절단 | 차이 과장 | 0부터 시작 |
| 이중 Y축 | 혼란, 오해 | 별도 차트 분리 |
| 파이 7조각+ | 판독 불가 | 수평 막대 |
| 스파게티 선 (5선+) | 구분 불가 | 소형 다중(Small Multiples) |
| 무지개 색상 | 무의미한 화려함 | 목적에 맞는 팔레트 |
| 장식 차트 (chartjunk) | 정보 대비 잡음 | 최소한의 잉크 원칙 |