다양한 레시피로 보는 D3.js 쿡북 (웹 기반 상호작용이 가능한 강력한 데이터 시각화)

닉치주

저자닉치주(NickQiZhu)는소프트웨어개발분야에서10년이상의경력을쌓은전문프로그래머이자시각화의열광적인팬이다.D3에기반을둔다차원차트라이브러리인dc.js의개발자이기도하다.현재ThoughtWorks에서리드컨설턴트로즐겁게일하며또배우고있다.

1장.D3.js시작
__소개
__간단하게D3개발환경설정
__NPM기반개발환경설정
__D3스타일자바스크립트이해

2장.선택
__소개
__단일요소선택
__다중요소선택
__선택반복
__부분선택수행
__함수연결
__원시선택조작

3장.데이터다루기
__소개
__데이터로배열바인딩
__데이터로객체리터럴바인딩
__데이터로함수바인딩
__배열다루기
__데이터필터링
__데이터정렬
__서버에서데이터불러오기

4장.스케일사용
__소개
__양적스케일사용
__시간스케일사용
__순서스케일사용
__문자열보간
__색상보간
__복합객체보간
__사용자정의보간자구현

5장.축다루기
__소개
__기본적인축사용법
__틱사용자정의
__눈금선그리기
__동적으로축의스케일조절

6장.스타일전환
__소개
__단일요소애니메이션
__다중요소애니메이션
__완화사용
__트위닝사용
__전환연결사용
__전환필터사용
__전환이벤트살펴보기
__사용자정의보간자구현
__타이머사용

7장.모양다루기
__소개
__간단한모양만들기
__선생성자사용
__선보간사용
__선장력변경
__영역생성자사용
__영역보간사용
__아크생성자사용
__아크전환구현

8장.차트다루기
__소개
__선차트만들기
__영역차트만들기
__분산형차트만들기
__버블차트만들기
__막대차트만들기

9장.레이아웃다루기
__소개
__파이차트만들기
__누적영역차트만들기
__트리맵만들기
__트리만들기
__인클로저도표만들기

10장.시각화상호작용
__소개
__마우스상호작용
__멀티터치디바이스상호작용
__줌과이동구현
__드래그구현

11장.포스사용
__소개
__중력과전하사용
__운동량생성
__링크제약설정
__시각화를위한포스사용
__포스조절
__포스-방향그래프만들기

12장.맵다루기
__소개
__US지도투영
__세계지도투영
__등치지역도만들기

13장.시각화테스트
__소개
__Jasmine을통한테스트환경구축
__시각화테스트:차트생성
__시각화테스트:SVG렌더링
__시각화테스트:pixel-perfect막대렌더링

부록.몇분안에대화형분석기능구현
__소개
__Crossfilter.js라이브러리
__차원차트:dc.js

★이책에서다루는내용★

■D3스타일의자바스크립트활용방법
■D3에서HTML과SVG의효율적인선택및조작
■데이터를사용한시각화
■D3스케일과보간자
■다양한스타일의애니메이션
■D3레이아웃과포스조작
■터치지원을하는모바일용시각화
■테스트주도시각화구현
■Crossfilter와dc.js와함께하는쉽고빠른다차원데이터시각화

★이책의대상독자★

이책은HTML과CSS,자바스크립트의개발자이거나이러한언어들에굉장히익숙하며,D3를사용해보고자하는독자들을대상으로한다.기존데이터시각화개발자들에게는빠르게찾아볼수있는참고서가될것이다.

★이책의구성★

1장,‘D3.js시작’에서는D3.js가무엇인가에서부터D3.js데이터시각화를시작하기위한환경을구성하는방법을다룬다.
2장,‘선택’에서는D3를사용해데이터시각화를수행할때가장중요한작업인선택에대해다룬다.선택은페이지내에서어떤요소를목표로하도록도와준다.
3장,‘데이터다루기’에서는데이터시각화프로젝트를진행하면서데이터가프로그래밍구조와이를나타내는시각화메타포(은유)에서어떻게표현될수있는지알아본다.
4장,‘스케일사용’에서는데이터시각화에서가장중요한세부주제중하나인스케일을사용하는방법을다룬다.데이터시각화개발자로서반복해서수행해야될작업은데이터도메인에서시각화도메인으로값을매핑하는작업일것이다.4장에서는값을매핑하는방법을중점적으로다룬다.
5장,‘축다루기’에서는직교좌표계기반의시각화에서사용되는축요소와이와관련된기술을다룬다.
6장,‘스타일전환’에서는주로D3라이브러리에서제공되는전환과애니메이션지원에대해다룬다.“한장의그림은수천마디의가치를가진다.”라는속담처럼6장에서다루는다양한주제는데이터시각화의초석이된다.
7장,‘모양다루기’에서는W3C표준으로현재시각화프로젝트에서널리사용되는SVG를다룬다.
8장,‘차트다루기’에서는데이터시각화에서사용된가장오래되고신뢰할만한기법중하나며,데이터시각화의표현으로정의가잘돼있고이해가쉬운차트의몇가지표현을다룬다.
9장,‘레이아웃다루기’에서는D3레이아웃을집중적으로다룬다.D3레이아웃은꽤나복잡하고흥미로운시각화를생성할수있는요소그룹에대한위치정보를계산하고생성할수있게하는알고리즘이다.
10장,‘시각화상호작용’에서는D3가인간과시각적으로상호작용할수있도록지원하는데초점을맞춘다.
11장,‘포스사용’에서는D3의가장매력적인주제중하나며,시각화에추가할수있는가장멋진기법중하나인포스시뮬레이션을다룬다.
12장,‘맵다루기’에서는기본적인D3지도의시각화기법을소개하고,완벽하게동작하는지리적인시각화를구현한다.
13장,‘시각화테스트’에서는TDD(TestDrivenDevelopment)기법을사용해전문가처럼시각화를테스트하는방법을다룬다.
부록,‘몇분안에대화형분석기능구현’에서는Crossfilter.js와dc.js를이용해대화형차원차트를만드는방법을다룬다.