인포그래픽 가이드 3
48
인포그래픽 가이드 The Wall Street Journal Book Review http://newsjel.ly/ 출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
-
Upload
newsjelly -
Category
Data & Analytics
-
view
835 -
download
3
description
[WSJ 인포그래픽 책에서 배울 세번째, 난감한 상황 극복하기!] 인포그래픽을 만들면서 겪을 수 있는 문제들을 극복하는 방법을 알려드립니다. 3. 난감한 상황 1) 사라진 데이터 2) 큰 숫자, 작은 변화 3) 비교 가능한 척도 4) 검은색으로 색감 표현하기 데이터 저널리즘의 새 바람, 뉴스젤리(Newsjelly) http://newsjel.ly
Transcript of 인포그래픽 가이드 3
인포그래픽가이드
The Wall Street Journal
Book Review
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
난감한 상황
인포그래픽을 만들 때 맞닥뜨리는
난감한 상황들을헤쳐 나갈 수 있는 방법
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
사라진 데이터
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
사라진데이터
난감한 상황
한두 개의 데이터 포인트가 없을 때1.
사라진 데이터
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
사라진데이터
전체적인추세를보여주는그래프를그릴때,데이터포인트가한두개없어도큰문제가되지않는다.
단,1. 데이터포인트가총 10개일때, 2개이상
없다면그리지말라.
2. 데이터포인트가메시지의핵심일때도그리지말라.
난감한 상황
한두 개의 데이터 포인트가 없을 때1.
사라진 데이터
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
사라진데이터
난감한 상황
산재한 데이터 포인트
사라진 데이터
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
사라진데이터
융통성발휘!데이터집합에서빠진데이터포인트가여러개면
전달할메시지와직접관련이있는샘플데이터를고른다.
-> 데이터를나열해서보여주는것보다메시지전달에더욱효과적일수도있음!
난감한 상황
산재한 데이터 포인트
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화 난감한 상황
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화 난감한 상황
산재한 데이터 포인트
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
비슷비슷한값들로비교가어렵다면“값의 차이 , 증감률”
난감한 상황
산재한 데이터 포인트
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
비슷비슷한값들로비교가어렵다면“값의 차이 , 증감률”
난감한 상황
산재한 데이터 포인트
0
20
40
60
80
100
04 05 06 07
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
비슷비슷한값들로비교가어렵다면“값의 차이 , 증감률”
난감한 상황
산재한 데이터 포인트
0
20
40
60
80
100
04 05 06 07
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
비슷비슷한값들로비교가어렵다면“값의 차이 , 증감률”
난감한 상황
산재한 데이터 포인트
0
20
40
60
80
100
04 05 06 07
0
2
4
6
8
10
04 05 06 07
2.
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화 난감한 상황
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화 난감한 상황
차트 하나로 두 가지 목적을 달성해야 할 때
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
Ex) 시간의흐름에따른추세+최근의고점과저점을 보여줘야할때
난감한 상황
차트 하나로 두 가지 목적을 달성해야 할 때
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
Ex) 시간의흐름에따른추세+최근의고점과저점을 보여줘야할때
난감한 상황
차트 하나로 두 가지 목적을 달성해야 할 때
확대해서보여주기
과장하지 않고 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
큰숫자, 작은변화
Ex) 시간의흐름에따른추세+최근의고점과저점을 보여줘야할때
난감한 상황
차트 하나로 두 가지 목적을 달성해야 할 때
확대해서보여주기
어떻게 10달러짜리와 100달러짜리 주식의 실적을 공정하게 비교할까?
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도 난감한 상황
3.
어떻게 10달러짜리와 100달러짜리 주식의 실적을 공정하게 비교할까?
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도 난감한 상황
“증감률”
3.
어떻게 10달러짜리와 100달러짜리 주식의 실적을 공정하게 비교할까?
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도
성과를시각적으로확인하기위해서는증감률로나타내야알수있다.
난감한 상황
“증감률”
3.
어떻게 10달러짜리와 100달러짜리 주식의 실적을 공정하게 비교할까?
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도
성과를시각적으로확인하기위해서는증감률로나타내야알수있다.
난감한 상황
“증감률”
3.
어떻게 10달러짜리와 100달러짜리 주식의 실적을 공정하게 비교할까?
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도
성과를시각적으로확인하기위해서는증감률로나타내야알수있다.
난감한 상황
“증감률”
3.
비교 가능한 척도 선택하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도 난감한 상황
비교 가능한 척도 선택하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도 난감한 상황
실제 값을 보여주는 것이 증감률 보다 적절한 때가 있다.
비교 가능한 척도 선택하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도
이 때, 비교 가능한 척도를 사용해 차트를 그려야 한다.양쪽 모두 같은 증가범위를 나타낸다
난감한 상황
실제 값을 보여주는 것이 증감률 보다 적절한 때가 있다.
비교 가능한 척도 선택하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
비교가능한척도
이 때, 비교 가능한 척도를 사용해 차트를 그려야 한다.양쪽 모두 같은 증가범위를 나타낸다
난감한 상황
실제 값을 보여주는 것이 증감률 보다 적절한 때가 있다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기 난감한 상황
4.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
명암 대비와 가독성
난감한 상황
4.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
명암 대비와 가독성
난감한 상황
명암 대비가 너무 약하면 요소 분간이 어렵고,명암 대비가 너무 강하면 불안정해 보인다.
4.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
명암 대비와 가독성
난감한 상황
명암 대비가 너무 약하면 요소 분간이 어렵고,명암 대비가 너무 강하면 불안정해 보인다.
4.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
명암 대비와 가독성
난감한 상황
명암 대비가 너무 약하면 요소 분간이 어렵고,명암 대비가 너무 강하면 불안정해 보인다.
명암대비가 너무 강해 부담스럽다. 가독성이 더 좋다.
4.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기 난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
중요한 선을 검은색으로 나타낸다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
강조하는 영역을 다른 영역에 비해 더 밝거나더 어둡게 표현할 수 있다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
강조하는 영역을 다른 영역에 비해 더 밝거나더 어둡게 표현할 수 있다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
적당히 굵은 글씨체를 사용하여 음영을 주면중요한 데이터라는 사실을 강조하는 데 도움이 된다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
적당히 굵은 글씨체를 사용하여 음영을 주면중요한 데이터라는 사실을 강조하는 데 도움이 된다.
회사명 데이터 데이터 데이터 데이터 데이터 데이터
A회사 0.0 0.0 0.0 12.0 0.0 0.0
B회사 0.0 0.0 0.0 11.0 0.0 0.0
C회사 0.0 0.0 0.0 9.0 0.0 0.0
D회사 0.0 0.0 0.0 8.0 0.0 0.0
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
그레이 스케일은단계적 차이를 구분하는데 활용할 수 있다.
명암 대비와 강조하기
http://newsjel.ly/출처: 월스트리트저널 인포그래픽 가이드 . 도나 M.윙 지음
검은색으로색감표현하기
검은색으로 강조하기
난감한 상황
그레이 스케일은단계적 차이를 구분하는데 활용할 수 있다.
