출판사 리뷰

데이터 + 매핑 + 디자인으로 만드는 웹의 새로운 표현력
인터넷이 일상적으로 쓰이게 되면서 지금까지 유래를 찾기 어려울 정도의 막대한 데이터가 축적되었습니다. 기업에는 독자적으로 축적한 데이터가 있으며, 다양한 연구를 통해 얻은 엄청난 데이터도 있습니다. 그리고 사람들은 이를 어떻게 처리할 것인가에 대해 많은 고민을 했습니다.
그렇다면 이렇게 모인 데이터를 알기 쉬운 형태로 더 시각적인 모습으로 보여주려면 어떻게 하면 좋을까요? 그 대답의 하나가 바로 D3.js입니다. D3.js는 데이터를 알기 쉽고 시각적으로 표현하는 데 필요한 라이브러리입니다. 즉, 데이터를 해석하고 정리한 다음 이를 어떻게 보여줄 것인가에 특화된 라이브러리입니다.
이와 함께 D3.js는 데이터를 매력적으로 표현하고자 SVG를 사용할 수 있습니다. SVG는 간단하면서도 다채로운 표현을 할 수 있다는 점이 장점입니다. 이러한 SVG를 사용하면 데이터의 변화 등을 역동적인 애니메이션으로 표현할 수도 있습니다.

  작가 소개

저자 : 후루하타 카즈히로
자바스크립트 관련 서적을 다수 집필했다.

  목차

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 데이터 삭제

Chapte

  회원리뷰