추가 적립 안내

D3로 생동감 넘치는 웹 기반 데이터 시각화를 만들어 보자!

쏟아지는 데이터의 양이 압도적인 세상에서, 시각화는 원하는 정보를 쉽고 빠르게 얻을 수 있는 강력한 데이터 표현 방법이다. 특히 웹 기반 데이터 시각화는 다채롭고 동적인 효과를 통한 상호작용이 가능하므로, 사람들을 사로잡는 엄청난 도구가 된다.
[D3.js : 쉽고 빠른 인터랙티브 데이터 시각화]는 모던 웹에서 완성도 높은 데이터 시각화를 제공하려는 독자를 위해, 시각화 도구인 D3(Data-Driven Documents)를 다루는 입문서다. D3는 웹 페이지로 데이터를 불러와서 시각화를 생성하는 자바스크립트 기반 라이브러리로, 어떤 형태의 시각화도 만들 수 있는 강력한 도구다.
이 책은 시각화를 만들기 전에 알아 두어야 할 D3의 근본적인 기술(자바스크립트, HTML, CSS, SVG 등)을 소개하고, div로 간단히 막대 그래프를 생성해 보는 것을 시작으로 차츰 D3만의 독특한 메서드로 데이터 시각화를 만드는 방법을 100여 개의 예제 코드와 함께 알려 준다.
웹 기술에 익숙하지 않은 사람도 충분히 따라할 수 있도록 쉽게 쓰인 튜토리얼을 따라 D3의 세계로 떠나 보자. 틀로 찍어 내는 듯한 차트가 아닌, 자신의 입맛에 맞는 시각화를 손에 넣을 수 있을 것이다.

[이 책에서 다루는 내용]
- D3의 기술적 토대(HTML, CSS, 자바스크립트, SVG) 다지기
- 척도와 축으로 유연하게 데이터 다루기
- 모션, 트랜지션 적용으로 동적인 시각화 만들기
- 데이터를 가지고 마음대로 지오그래픽 맵 만들기
- 막대 차트, 산포도, 파이 차트, 누적 막대 차트, 포스 레이아웃

1장 소개
1.1 왜 데이터 시각화인가?
1.2 왜 코드 작성을 해야 하는가?
1.3 왜 상호작용이 필요한가?
1.4 왜 웹 기반인가?
1.5 이 책이 다루는 내용
1.6 대상으로 하는 독자
1.7 이 책이 다루지 않는 내용
1.8 샘플 코드
1.9 감사의 말

2장 D3 소개
2.1 무엇을 하는가
2.2 무엇을 하지 않는가
2.3 D3가 나오기까지
2.4 D3의 대안들

3장 기술적 토대
3.1 웹
3.2 HTML
3.3 DOM
3.4 개발자 도구
3.5 렌더링과 박스 모델
3.6 CSS
3.7 자바스크립트
3.8 SVG
3.9 호환성에 대한 주의사항

4장 설정
4.1 D3 다운로드하기
4.2 D3 참조하기
4.3 웹 서버 설정하기

5장 데이터
5.1 페이지의 문서요소 생성하기
5.2 데이터 엮기

6장 데이터를 이용한 드로잉
6.1 div로 드로잉하기
6.2 data() 메서드의 힘
6.3 SVG로 드로잉하기
6.4 막대 차트 만들기
6.5 산포도 만들기
6.6 다음 단계

7장 척도
7.1 사과와 픽셀
7.2 정의역과 치역
7.3 정규화
7.4 척도 만들기
7.5 산포도에 척도 적용하기
7.6 산포도 가공하기
7.7 기타 척도 메서드
7.8 다른 종류의 척도

8장 축
8.1 축이란?
8.2 축 지정하기
8.3 보기 좋게 다듬기
8.4 눈금을 위한 확인 사항
8.5 Y축도 만들자
8.6 마지막 손질
8.7 눈금의 라벨 포매팅(Fomatting)하기

9장 갱신, 트랜지션, 모션
9.1 막대 차트를 현실화하기
9.2 데이터 갱신하기
9.3 트랜지션(Transition)
9.4 다른 종류의 데이터 갱신

10장 상호작용
10.1 이벤트 리스너 엮기
10.2 이벤트 동작
10.3 SVG 문서요소 그룹핑하기
10.4 툴팁
10.5 터치 장비에 대한 고려
10.6 다음 장에서는

11장 레이아웃
11.1 파이 레이아웃
11.2 스택 레이아웃
11.3 포스 레이아웃

12장 지오매핑
12.1 GeoJSON을 만난 JSON
12.2 경로
12.3 투영법
12.4 단계구분도
12.5 포인트 지점 추가하기
12.6 지오데이터 취득과 분석

13장 익스포팅
13.1 비트맵
13.2 PDF
13.3 SVG

부록 A 더 깊이 공부하기
A.1 추천하는 책
A.2 추천하는 웹사이트
A.3 추천 트위터 계정