차트 제작 & 인포그래픽 데이터 시각화

PART 1
데이터 시각화를 위한 컬러 타이포 THEORY / 기본 이론

CHAPTER 1 색의 3속성_Three Attributes of Color
01 색상(Hue) | 02 명도(Value)|03 채도(Saturation)

CHAPTER 2 색상(Hue)의 기본 모드_Basic Models of Color
01 CMYK 모드 | 02 RGB 모드 | 03 Lab 모드 | 04 GrayScale 모드

CHAPTER 3 색상 선택 시 주의점_Color Selection Notes
01 컬러 조합 | 02 유사 대비 | 03 보색 대비 | 04 명도 대비 | 05 명도와 채도를 이용한 컬러 표시
06 특정 주제 색상 | 07 색의 의미 | 08 색의 상징 | 09 색상 계획 | 10 포인트 색상

CHAPTER 4 서체_Fonts
01 영문 서체의 기본 분류 | 02 한글 서체의 기본 분류 | 03 한글 서체의 글줄 이미지 | 04 서체의 용도
05 서체 사용의 단순화(서체 패밀리 사용) | 06 형태가 복잡한 폰트 가독성 | 07 알파벳의 대문자 가독성
08 기울기 | 09 이탤릭(오블리크) 서체 | 10 글자의 두께 | 11 글자의 색 | 12 글자의 너비(자폭) 조절
13 글자 사이(자간, Tracking) | 14 글줄 사이(행간, Leading)
15 숫자의 스타일 | 16 숫자 정렬 방식

PART 2
데이터 시각화 표현 기법 28가지 GUIDE / 가이드

CHAPTER 1 범주별로 빈도에 비례하는 수직 막대 차트_Column Chart
디자인 이론 | 이해하기 쉬운 수직 막대 차트의 주의점
01 형태 | 02 효과 및 그림자 | 03 현란한 패턴 | 04 기준점은 0으로! | 05 기준선 위치와 시작점 | 06 시작선과 단위 눈금 |
07 입체 | 08 누적 정보가 적은 막대의 경우 | 09 끊어진 막대 사용 | 10 비교 막대의 수치가 비슷한 경우 |
11 도형 막대 차트 | 12 겹치는 막대
디자인 파워팁 | 다양한 형태로 차트에 변화를 시도하라
01 아이콘 사용 | 02 아이콘 병합 | 03 도형 치환 | 04 심벌 치환 | 05 화살표 이용 06 사진 활용 | 07 이미지 활용

CHAPTER 2 항목들의 순서를 매길 수 있는 수평 막대 차트_Bar Chart
디자인 이론 | 수평 막대와 수직 막대 사용 시 주의점
01 수직 막대 vs 수평 막대 | 02 그리드 | 03 비교 막대가 많은 경우 | 04 순서 | 05 음수 표현 | 06 강조 항목과 비교 값 |
디자인 파워팁 | 눈이 즐거운 차트를 활용하라
01 아이콘 사용 | 02 단순한 막대의 지루함 탈피 | 03 아이콘 병합

CHAPTER 3 데이터를 빠르게 비교하는 분할 막대 차트_100% Stacked Column Chart
디자인 이론 | 항목간 비교가 쉬운 분할 막대 차트 특징
01 분할 개수 | 02 막대를 나누는 선 | 03 막대 높이 | 04 누적 백분율과 각 항목 백분율 | 05 분할 막대 항목명 | 06 컬러 |
07 변화 폭이 작은 순서대로 | 08 분할 막대 추가
디자인 파워팁 | 직관적으로 정보를 전달하라
01 아이콘 사용 | 02 배경에 상징 그래픽 활용 | 03 상징 치환 | 04 수평 분할 막대 차트

CHAPTER 4 절대 수치 데이터로 비교하는 누적 막대 차트_Stacked Column Chart
디자인 이론 | 절대 수치를 비교하는 누적 막대 차트의 구성
01 형태|02 수치 표시 | 03 항목명
디자인 파워팁 | 상징적인 이미지를 더하라
01 상징 치환

CHAPTER 5 범주간 데이터 비교에 유용한 원형 막대 차트_Radial Bar Chart
디자인 이론 | 시각적인 흥미를 유발하기 좋은 원형 막대 차트의 원칙
01 그리드 | 02 간격 | 03 기준선(시작점) | 04 각각 다른 시작점
디자인 파워팁 | 하나의 원형 안에 다양한 자료를 표현하라
01 기준선 이동 | 02 타임라인 | 03 다양한 정보

CHAPTER 6 데이터 척도와 구간을 비교하는원형 열/별 차트_Radial Column Chart
디자인 이론 | 막대그래프를 동심원 그리드에 표현하는 별 차트 특성
01 그리드와 수치 표시 | 02 음수 값 | 03 기준점 | 04 막대 개수
디자인 파워팁 | 간결한 디자인으로 정보를 전달하라
01 아이콘 사용 | 02 반원 | 03 반원 누적 별 차트

CHAPTER 7 데이터 흐름을 시각적으로 표현하는콕스콤 차트/나이팅게일 차트_Coxcomb Chart
디자인 이론 | 시각적으로 화려한 이미지를 만드는 콕스콤 차트 표현 방법
01 그리드와 수치 표시 | 02 영역을 나누는 선 | 03 중심에 정보 표시 | 04 누적 콕스콤 차트
디자인 파워팁 | 다양한 형태로 변형하라
01 여러 정보를 하나로 | 02 반원 | 03 시간의 흐름

CHAPTER 8 데이터 추세를 시각화하는 꺾은선 차트_Line Chart
디자인 이론 | 시간의 변화를 쉽게 파악할 수 있는 꺾은선 차트 규칙
01 데이터 값 표시 | 02 높이 | 03 기준점 | 04 기울기 | 05 선 두께 | 06 Y축 수치 | 07 기준선 | 08 그림자
디자인 파워팁 | 시각적인 이미지를 삽입하라
01 아이콘 사용과 강조 값 표시 | 02 상징 치환 | 03 사진 활용

CHAPTER 9 데이터 수세를 예측 비교가 가능한다중 꺾은선 차트_Multi-Line Chart
디자인 이론 | 많은 데이터를 한번에 비교하는 다중 꺾은선 차트 기준
01 선 개수 | 02 선의 컬러 | 03 선의 형태 | 04 설명 위치 | 05 포인트 크기 | 06 강조 선
디자인 파워팁 | 딱딱하고 지루한 그래프에서 벗어나라
01 이미지 사용 | 02 이미지의 그래프화 | 03 아이콘 사용 | 04 수치 입력

CHAPTER 10 전체 합을 시각화할 때는누적 꺾은선 차트_Area Chart
디자인 이론 | 위로 쌓아 올린 누적 꺾은선 차트에 필요한 요소
01 개수| 02 컬러| 03 항목명 | 04 변화 폭이 작은 순서대로
디자인 파워팁 | 차트에 활력을 불어넣어라
01 이미지 사용| 02 아이콘 사용 | 03 꺾은선 포인트에 수치 강조| 04 곡선 좌표

CHAPTER 11 상대적 데이터 크기를 시각화하는 파이 차트_Pie Chart
디자인 이론 | 통계 수치에 자주 활용하는 파이 차트 디자인시 유의점
01 조각의 합 | 02 시작점 | 03 조각의 순서 | 04 파이 조각 | 05 컬러 | 06 분리 | 07 입체
디자인 파워팁 | 그래픽 요소를 활용하라
01 아이콘 사용 | 02 상징 그래픽 활용 | 03 상징 치환 | 04 사진 활용

CHAPTER 12 특정 항목의 비중을 표현하는 도넛 차트_Ring Chart
디자인 이론 | 정보를 중심에 넣을 수 있는 도넛 차트의 원리
01 조각의 합 | 02 시작점 | 03 조각의 순서 | 04 도넛의 조각 | 05 컬러 | 06 도넛의 너비 | 07 두꺼운 도넛 | 08 도넛 속 도넛
디자인 파워팁 | 많은 정보와 조화롭게 디자인하라
01 총량 기술 | 02 도넛 속 이미지 | 03 여러 항목의 도넛 차트 | 04 도넛 속 그래프 | 05 하프링

CHAPTER 13 데이터를 계층 구조로 시각화하는 피라미드 차트_Pyramid Chart
디자인 이론 | 계층 구조를 보여주는 피라미드 차트의 조건
01 분할 | 02 계층 사이 | 03 높이
디자인 파워팁 | 시선을 사로잡아라
01 아이콘과 이미지

CHAPTER 14 진행 절차를 단계별로 필터링하는 깔때기 차트_Funnel Chart
디자인 이론 | 프로세스의 각 단계를 표시하는 깔때기 차트의 특징
01 가로 방향 | 02 간격
디자인 파워팁 | 한눈에 정보를 파악하라
01 아이콘과 이미지

CHAPTER 15 개념이나 부분 연관을 시각화하는 버블 차트_Bubble chart
디자인 이론 | 다른 버블과의 수치를 비교하는 버블 차트의 속성
01 버블의 크기 | 02 수치 입력 | 03 겹치는 버블 | 04 모양
디자인 파워팁 | 쉽게 비교할 수 있도록 하라
01 수치 입력 | 02 이미지 활용 | 03 상징 그래픽 활용 | 04 이중 버블 | 05 버블 안, 또 다른 영역 비교

CHAPTER 16 3차원 데이터로 만드는 좌표가 있는 버블 차트_Bubble Plot
디자인 이론 | 3차원 데이터를 만들 수 있는 버블 플롯 구성
01 모양 | 02 컬러
디자인 파워팁 | 명시성이 높은 컬러를 선택하라
01 컬러

CHAPTER 17 데이터 통계를 그래프로 표현하는 산점도_Scatter Plot
디자인 이론 | 좌표 평면에 점을 찍어 만든 산점도 표현 방식
01 그리드 | 02 다중 산점도 컬러 | 03 항목명
디자인 파워팁 | 버블 차트와 이미지를 사용하라
01 상징 그래픽 활용|02 사진 활용

CHAPTER 18 공간에 데이터를 담는 트리맵_Treemap
디자인 이론 | 면적 값을 수평과 수직으로 나누는 트리맵 형식
01 배치 | 02 입체 | 03 구조 변경
디자인 파워팁 | 단조로운 사각형을 재미있게 표현하라
01 아이콘 사용 | 02 수많은 정보를 담을 수 있는 트리맵 | 03 보로노이 트리맵

CHAPTER 19 데이터 의미를 시각적으로 표현하는 픽토그래프_Pictograph
디자인 이론 | 그림과 그래프를 합한 픽토그래프의 특성
01 형태와 컬러 | 02 픽토그램의 사이 공간 | 03 애매한 단위 | 04 구성
디자인 파워팁 | 상징적인 이미지로 메시지를 전달하라
01 제한적인 형태와 색상 | 02 수평 막대형 | 03 배경 이미지 | 04 픽토그래프의 시각 이미지 형상화

CHAPTER 20 측정 목표를 비교 가능한 레이더 차트_Radar Chart
디자인 이론 | 평가 항목간 점을 이어 선으로 만든 레이더 차트 표현 방법
01 면적 | 02 선 | 03 그리드 | 04 항목 개수 | 05 응용
디자인 파워팁 | 균형 잡힌 차트를 만들어라
01 아이콘 사용 | 02 레이더+버블 차트

CHAPTER 21 위치를 기반으로 데이터를 시각화하는 지도_Map
디자인 이론 | 위치나 장소에 기반을 둔 지도를 만들 때 주의점
01 형태 | 02 그리드 | 03 입체 | 04 컬러와 텍스트 | 05 노스업 지도
디자인 파워팁 | 지도를 단순화하라
01 도트맵 | 02 명암 단계 이용

CHAPTER 22 지도와 정보 데이터의 결합지도와 그래프_Map + Infographic
디자인 이론 | 지도와 관련된 많은 정보를 다룰 때지도와 그래프의 사용법
01 정보의 크기 | 02 항목 범례
디자인 파워팁 | 지도와 함께 다양한 그래프를 활용하라
01 아이콘 사용 | 02 지도 버블 차트 | 03 지도 트리맵 | 04 지도 픽토그래프 | 05 흐름 활용

CHAPTER 23 집합 데이터의 조합을 시각화하는 벤다이어그램_Venn Diagram
디자인 이론 | 집합과 집합 사이를 시각화한 벤다이어그램의 기본
01 집합 개수 | 02 집합의 선 | 03 항목명 위치 | 04 입체
디자인 파워팁 | 시각적인 전달력을 높여라
01 아이콘 또는 일러스트 사용 | 02 형태의 변형 | 03 원형 크기

CHAPTER 24 집합 데이터의 논리 관계를 시각화하는 오일러 다이어그램_Euler’s Diagram
디자인 이론 | 공집합이 없는 오일러 다이어그램과 벤다이어그램의 차이
01 집합 개수 | 02 항목명 위치
디자인 파워팁 | 원이 아닌 여러가지 형태로 표현하라
01 형태 변형

CHAPTER 25 현상이나 사건을 시간 순으로 시각화하는 타임라인_Timeline
디자인 이론 | 시간의 흐름 전개와 단계를 구조화하는 타임라인의 규칙
01 시선의 흐름 1 | 02 시선의 흐름 2 | 03 화살표 이용 | 04 구간 설정
디자인 파워팁 | 스토리텔링을 기반으로 어울리는구도를 선택하라
01 가로 구도 | 02 세로 구도 | 03 사선 구도 | 04 불규칙 구도 | 05 원형 구도 | 06 프로세스 기반

CHAPTER 26 알고리즘을 시각화하는 플로 차트_Flow Chart
디자인 이론 | 알고리즘을 기술하여 시각화하는 플로 차트의 유의점
01 일관된 도형과 컬러 | 02 화살표 | 03 시작과 끝 표시
디자인 파워팁 | 전체적인 과정을 이해하기 쉽게 전달하라
01 컬러 제한 | 02 외적 변화 | 03 이해를 돕는 디자인 요소

CHAPTER 27 시스템의 계층 구조를 시각화하는 트리 구조_Tree Structure
디자인 이론 | 한 나무에서 여러 가지로 뻗어 나온 트리 구조의 형태
01 뿌리 강조 | 02 일관된 나뭇가지 구조
디자인 파워팁 | 디자인 구조를 숙지하라
01 원 형태 | 02 일러스트 이용 | 03 조직도

CHAPTER 28 빅데이터 분석 표현에 유용한 워드 클라우드_Word Cloud
디자인 이론 | 중요도에 따라 글자를 늘어놓는 워드 클라우드의 글자 표현
01 컬러 | 02 서체 | 03 형태

PART 3
데이터 시각화 실무 제작 테크닉 PROCESS / 작업 과정

CHAPTER 1 수직 막대 상징 치환하기_Symbol Substitution
01 심벌 찾기 | 02 기준선과 단위 눈금 그리기 | 03 크기 조절하기 | 04 크기 조절의 다른 예시 | 05 항목명 입력하기 |
06 색상 조절하기 | 07 수치 입력 및 강조하기

CHAPTER 2 클리핑 마스크로 수직 막대 그래프 제작하기_Clipping Mask
01 사진 선별하기 | 02 기준선과 단위 눈금 작성하기 | 03 막대 그리기 | 04 항목명 입력하기 | 05 사진 삽입하기
06 사진 막대의 그래프 스타일 확인하기

CHAPTER 3 아이콘 병합으로 수평 막대그래프 제작하기_Icon Amalgamation
01 브레인스토밍하기 | 02 심벌 선별하기 | 03 기준 막대 그리기 | 04 단위 눈금 그리기 | 05 수치 막대 그리기

CHAPTER 4 블렌드 도구로 원형 막대그래프 제작하기_Blend Tools
01 그리드 그리기 | 02 원형 막대 그리기 | 03 수치와 항목명 입력하기

CHAPTER 5 방사형 원형 별 차트 제작하기_Concentric Circle
01 그리드 그리기 | 02 기준선과 수치 입력하기 | 03 반복되는 막대 그리기

CHAPTER 6 직관적인 파이 차트 제작하기 _Pie Chart
01 원 분할하기 | 02 원 차트에 사진 넣기 | 03 비율과 항목 입력하기

도판 목록