D3.js 입문

Chapter 01 D3.js란 무엇인가?
1.1 D3.js란 무엇인가?
1.2 D3.js로 만들 수 있는 그래프
1.3 이 책에서 사용하는 자바스크립트
1.4 D3.js의 기능(객체)
1.5 메서드 체인이란?
1.6 개발에 필요한 도구

Chapter 02 D3.js의 기본: D3.js로 그래프 그리기
2.1 D3.js의 기본적인 흐름
2.2 D3.js를 사용하여 가로형 막대그래프를 표시
2.3 데이터 변경하기
2.4 그래프 애니메이션
2.5 마우스 이벤트로 그래프 색 바꾸기
2.6 외부 데이터 불러오기
2.7 눈금 표시
2.8 모든 기능 정리

Chapter 03 SVG의 기본
3.1 SVG란 무엇인가?
3.2 기본 도형 그리기(사각형과 원)
3.3 패스 그리기
3.4 도형에 스타일 지정
3.5 문자 그리기
3.6 그룹과 도형의 이동

Chapter 04 D3.js로 SVG 다루기
4.1 D3.js로 SVG 도형 생성
4.2 도형의 위치나 크기 지정
4.3 도형 스타일 지정
4.4 여러 개의 도형 다루기

Chapter 05 다양한 형식의 파일로부터 데이터 불러오기
5.1 코드 안에 있는 단순 배열 데이터일 때
5.2 TSV 형식 파일 불러오기
5.3 CSV 형식 파일 불러오기
5.4 JSON 형식 파일 불러오기
5.5 HTML 형식 파일 불러오기
5.6 XML 형식 파일 불러오기
5.7 불러온 파일이 단순 텍스트일 때

Chapter 06 데이터의 갱신·추가·삭제
6.1 D3.js에서 데이터와 요소의 대응
6.2 데이터의 추가와 갱신
6.3 데이터 삭제

Chapter 07 세로형 막대그래프
7.1 세로형 막대그래프 생성
7.2 그래프 안에 숫자 표시
7.3 그래프에 눈금 표시
7.4 그래프 범용화
7.5 그래프에 애니메이션 효과 적용
7.6 마우스 이벤트로 그래프에 변화 주기
7.7 CSV 파일로부터 데이터를 불러와 세로형 막대그래프를 표시

Chapter 08 원 그래프와 파이 차트
8.1 원 그래프 생성
8.2 원 그래프 색 구분
8.3 원 그래프를 애니메이션으로 표시
8.4 원 그래프에 숫자와 텍스트 표시
8.5 외부 파일을 불러와 원 그래프 변화

Chapter 09 꺾은선 그래프
9.1 꺾은선 그래프 생성
9.2 여러 개의 꺾은선 그래프 표시
9.3 꺾은선 그래프를 직선, 곡선, 계단 모양으로 표시
9.4 복잡한 데이터를 처리하여 꺾은선 그래프로 표시
9.5 데이터셋의 날짜와 대응시킴
9.6 버튼 클릭으로 그래프의 표시 범위 변경

Chapter 10 산포도
10.1 산포도 만들기
10.2 데이터를 애니메이션 효과와 함께 표시
10.3 데이터에 따라 눈금을 조정
10.4 그리드 표시
10.5 풍선 도움말 표시
10.6 CSV 파일을 이용한 산포도 표시
10.7 데이터 범위에 따라 그래프 조정

Chapter 11 히스토그램
11.1 히스토그램 생성
11.2 히스토그램의 표시 데이터 범위 지정
11.3 CSV 파일을 이용하여 히스토그램 그리기

Chapter 12 팩 레이아웃
12.1 팩 레이아웃 생성
12.2 팩 레이아웃으로 인구를 표시
12.3 외부 데이터를 불러와 팩 레이아웃으로 표시

Chapter 13 트리맵 레이아웃
13.1 트리맵 생성
13.2 폴더 안에 있는 파일 크기에 따라 표시
13.3 사용한 문자 개수를 세어 표시

Chapter 14 히트맵
14.1 히트맵 생성
14.2 히트맵을 Canvas에 표시
14.3 히트맵을 DOM에 표시
14.4 외부 파일로부터 데이터를 불러와 히트맵 표시

Chapter 15 지도/맵 레이아웃
15.1 D3.js로 다룰 수 있는 지도의 종류
15.2 세계 지도 표시
15.3 지구 표시

부록
부록 1 포스 레이아웃
부록 2 누적 막대그래프
부록 3 트리 레이아웃
부록 4 계두도
부록 5 그래프를 정렬하여 표시
부록 6 피시아이 플러그인 이용
부록 7 서버 로그를 불러와 OS의 점유율을 원 그래프로 표시