메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

D3.js 인 액션

기본 차트부터 빅데이터 시각화까지 데이터를 시각화하는 최고의 방법

한빛미디어

번역서

판매중

  • 저자 : 일리야 미크스
  • 번역 : 강석주
  • 출간 : 2016-07-01
  • 페이지 : 508 쪽
  • ISBN : 9788968482915
  • 물류코드 :2291
  • 초급 초중급 중급 중고급 고급
5점 (2명)
좋아요 : 37
매력적인 사용자 경험을 제공하려는 이들을 위한 D3.js 지침서!
이 책은 넷플릭스의 선임 데이터 시각화 엔지니어인 저자의 실무 경험이 녹아 있는 D3.js 지침서다. 웹 데이터 시각화 라이브러리를 살펴보고, 이 라이브러리로 대화형 그래프와 데이터 주도 애플리케이션을 만드는 방법을 설명한다. D3에서 기본 제공하는 레이아웃으로 다양한 도표, 네트워크, 지도에 대응하는 실용적인 예제를 살펴본다. 또한, 콘텐츠 디자인, 애니메이션 외에 대화형 그래픽과 라이브 스트리밍 데이터 등의 동적 데이터를 표현하는 실전 기법을 알아본다.

 

detail.png

 

일리야 미크스 저자

일리야 미크스

넷플릭스의 선임 데이터 시각화 엔지니어다. 스탠퍼드 대학교와 유수의 회사 등 다양한 환경에서 D3.js를 경험했다.
강석주 역자

강석주

초등학교 때 부모님께서 사주신 애플 II가 아직도 재산 목록 1호다. 날씨가 좋은 날이면 어김없이 한강을 따라 인라인스케이트를 타는 마니아지만, 해가 떨어지면 틈틈이 아두이노와 프로세싱을 이용해 밤새 무언가 뚝딱뚝딱 만들기도 한다. 4년 전부터 아이폰에 사로잡혀 cocos2d for iPhone을 이용한 게임 개발에 심취해 있다.

PART 1 D3.js 기초

 

CHAPTER 1 D3.js 개요

__1.1 D3.js는 무엇인가?

__1.2 D3 작동 방식

__1.3 HTML5 이용

__1.4 데이터 표준

__1.5 D3로 표현된 정보 시각화 표준들

__1.6 처음 만들어보는 D3 앱

__1.7 마치며

 

CHAPTER 2 정보 시각화 데이터 흐름

__2.1 데이터 다루기

__2.2 데이터 바인딩

__2.3 데이터 표현 스타일, 속성, 콘텐츠

__2.4 마치며

 

CHAPTER 3 데이터 주도 설계와 상호작용성

__3.1 프로젝트 아키텍처

__3.2 대화형 스타일과 DOM

__3.3 미리 생성한 콘텐츠

__3.4 마치며

 

PART 2 정보 시각화의 핵심

 

CHAPTER 4 차트 컴포넌트

__4.1 차트의 기본 원리

__4.2 축 생성

__4.3 복잡한 화면 객체

__4.4 선 그래프와 보간법

__4.5 복잡한 접근자 메서드

__4.6 마치며

 

CHAPTER 5 레이아웃

__5.1 히스토그램

__5.2 파이 차트

__5.3 서클 팩 레이아웃

__5.4 트리

__5.5 스택 레이아웃

__5.6 새로운 레이아웃을 추가하는 플러그인

__5.7 마치며

 

CHAPTER 6 네트워크 시각화

__6.1 정적 네트워크 다이어그램

__6.2 힘-방향 레이아웃

__6.3 마치며

 

CHAPTER 7 지리 공간 정보 시각화

__7.1 기본 지도 제작

__7.2 더 나은 지도 제작 기법

__7.3 고급 지도 제작

__7.4 TopoJSON 데이터와 기능

__7.5 d3.geo.tile을 이용한 타일 매핑

__7.6 웹 지도 제작 관련 추가 자료

__7.7 마치며

 

CHAPTER 8 D3를 이용한 DOM 조작

__8.1 준비

__8.2 스프레드시트

__8.3 캔버스

__8.4 그림 갤러리

__8.5 마치며

 

PART 3 고급 기법

 

CHAPTER 9 대화형 애플리케이션 구현

__9.1 하나의 데이터, 수많은 관점

__9.2 상호작용성 : 마우스 이벤트

__9.3 브러시

__9.4 마치며

 

CHAPTER 10 레이아웃과 컴포넌트 만들기

__10.1 레이아웃 만들기

__10.2 컴포넌트 만들기

__10.3 마치며

 

CHAPTER 11 대형 데이터 시각화

__11.1 대형 지리 데이터

__11.2 대형 네트워크 데이터

__11.3 쿼드트리로 XY 데이터 선택 최적화하기

__11.4 그 외 최적화 기법

__11.5 마치며

 

CHAPTER 12 모바일 D3

__12.1 데이터 주도 모바일 설계 원리

__12.2 터치 시각화

__12.3 반응형 데이터 시각화

__12.4 지리적 위치

__12.5 마치며

 

쉽고 빠른 데이터 시각화 구현을 위한 D3.js 활용 가이드!

D3는 일반적인 정보 시각화뿐만 아니라 지구 공간 데이터와 네트워크 데이터 등 아주 전문화된 영역에서도 사용할 수 있는 자바스크립트 라이브러리다. 『D3.js 인 액션』은 선이나 면을 생성하는 기본적인 내용부터 데이터 시각화 하면 생각나는 대부분의 레이아웃을 다룬다. 더 나아가 지도, 네트워크, 모바일에서의 시각화 등 고급 기법까지 살펴본다. 

 

 

이 책의 주요 내용

1부 D3.js 기초

데이터 연동과 로딩

그래픽 요소를 생성하는 다양한 방법

자바스크립트와 CSS, SVG

 

2부 정보 시각화의 핵심

기본적인 그래프의 생성

레이아웃을 활용한 차트의 생성

네트워크 시각화와 지리 공간 정보 시각화

 

3부 고급 기법

대화형 애플리케이션의 구현

사용자 정의 D3 레이아웃과 컴포넌트

빅데이터에 최적화된 시각화

모바일 기반의 시각화

 

 

한빛미디어에서 출판한 d3.js in action 라는 책을 읽었다.

 

몇몇 서적에서는 어떤 주제를 설명하기 위해 넓은 범위를 매우 장황하고도 깊게 설명을 하느라 많은 지면을 사용하곤 한다.

때문에 독자는 해당 주제에 대해 알고 싶어 책을 구매했지만 절반 이상은 주제와 많이 벗어난 내용을 봐야 하는 문제가 있었는데

이 책은 기반지식과 활용법을 아주 적절하게 넘나들며 설명했다.

 

이 책의 1부에서는 d3의 개요를 설명하면서 그것에 필요한 기반지식들을 아주 가볍고도 적절하게 설명하여

그 과하지 않은 적절한 설명들이 나의 작은 궁금증들을 빠르게 해소하는 느낌이 들었다.

 

아마 비슷한 라이브러리들을 사용해본 경험이 있거나 개발 경험이 조금이라도 있다면 1부만 보고서도 d3에 대해 많은 부분을 이해하고

이해한 부분을 가지고도 d3를 앞으로의 어떻게 활용을 할 수 있을지 예상할 수 있을 정도이다.

 

2부에서부터는 지도, 막대 그래프, 스트림그래프, 파이 차트, 다이어그램, 빅데이터를 시각화 한 내용까지 하나하나 설명과 함께 구현 소스까지 상세히 설명되어 있다.

단순히 막대 그래프, 파이차트 등을 표현하는 라이브러리인 줄로만 알았던 터라 방대한 활용 가능성에 깜짝 놀랐다.

d3라는 라이브러리 자체가 라이브러리에 대한 이해도와 차트에 대한 이해만 있다면 그 표현에서의 한계가 없을 것만 같도록 잘 설계되어 있었기 때문이다.

 

책의 내용이 만약 레퍼런스처럼 흘러 갔다면, 나와 같이 차트 등에 무지한 사람이 본다면 어떻게 활용해야 할 지 감이 안왔을 것이다.

하지만 이 책은 친절하게도 데이터를 표현하는 여러가지 방법들에 대해서 먼저 설명하고, 그것을 d3로 어떻게 표현을 해야 하는지 연이어 설명하기 때문에

단순히 사용법 만을 학습한 것이 아니라 차트 등에 대한 이해도와 데이터를 표현하는 방법들에 대한 이해가 높아진 느낌이 들었다.

 

다만 사람에 따라 보간법과 같은 단어는 사전을 찾아야만 알 수 있는 단어라 판단되고, 보간자와 같이 사전에도 찾을 수 없는 단어는 그 내용을 추측할 수 밖에 없어서 

책 아래에 주석을 달아 주었으면 어땠을까 싶다.

 

그리고 내용 외적인 면에서는 내지의 재질은 나쁘지 않으나 표지가 있는 겉 재질은 책을 가방에 넣거나 했을때 쉽게 손상이 되는 재질 같아서 책을 상당히 아끼고 좋아하는 나에게 이 부분은 아쉬운 듯 하다. (원서를 따라갔겠지만)

 

 

개인적으로 한빛출판에서 만든 책을 좋아하고 수집하듯 많이 가지고 있는데, 가장 큰 장점이자 신뢰를 할 수 있는 부분은

그들이 만들어 내는 책들은 책들을 펴나가는 저자들에 대한 내공도 상당하다는 점 뿐만 아니라 그만큼 책의 내용이 검증이 되었다 라는 것  같다.

 

그렇기 때문에 d3.js가 무엇인지 들어만 본 사람이라든가, 가벼운 차트, 빅데이터 차트 등을 직접 만들어 보고 싶은 사람들은 주저없이 읽어보라고 권하고 싶다.

 

 

웹 애플리케이션이 응용소프트웨어 모두를 대체할 수 없겠지만, 개인 유저들이 필요로 하는 기능을 갖춘 소프트웨어는 상당수 웹 애플리케이션으로 대체되어가는 추세이다. 이런 웹 애플리케이션을 만들려면 HTML5와 자바스크립트가 필수적이다. 때문에 자바스크립트를 배우려는, 배우고있는 개발자들 수가 점차 늘어나고 있다. 스택오버플로우에서 뽑은 most popular technology가 자바스크립트라는것이 이를 증명하고 있다.

이 책은 데이터 시각화를 위해 필수적인 자바스크립트 라이브러리인 D3.js를 다루고 있다. 플래시, Active-X 없이 동적 데이터 시각화를 구현 하려면 D3.js가 필수적이므로, 웹개발에 종사하는 개발자라면 해당 책을 유용하게 사용할 수 있을것이다.

 

해당 도서는,

(1부)CSS설정을 그대로 이용해 스타일 설정하기, 외부컨텐츠 연결, 이벤트에 시각 애니메이션 연결하기, HTML요소 조작하기 등 기초부터, (2부)선 그래프, 플롯차트, 파이차트, 트리레이아웃, 워드 클라우드, 네트워크 시각화, 지리데이터 조작하기, (3부)대화형 애플리케이션 구현, 대형 지리데이터를 시각화하기, 모바일에서 반응형 데이터 시각화 구현하기까지

기초부터 고급기법까지 다루고 있다.

D3이외에 시각화에 활용할 수 있는 외부 라이브러리나 학습 리소스, 사이트등도 소개해주고있어 유용하다.

htp://goo.gl/XKfvZ6 여기에 가면 이 책에서 다룬 시각화자료들의 이미지와 코드를 볼 수 있다. 이 코드를 응용해 코드를 작성해도 좋지만, 책을 구매해서 설명을 본다면 더 쉽게 코드를 이해할 수 있을 것이다.

D3를 이용해 색 배치와 같은 디자인 요소에 시간을 빼앗기지 않고 보기좋은 시각화 자료를 만들어 보자!

매닝출판사 공식 페이지
https://www.manning.com/books/d3-js-in-action

다음링크들은 해당책에서 언급된 D3를 이용한 시각화 예제를 소개한 사이트들이다. 매우 유용하다.
http://christopheviau.com/d3list/gallery.html
http://bl.ocks.org/

http://bl.ocksplorer.org/

https://www.jasondavies.com

 

 

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
D3.js 인 액션
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
D3.js 인 액션
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
D3.js 인 액션
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 책0