간편결제, 신용카드 청구할인
네이버페이 1%
(네이버페이 결제 시 적립)
NH(올원페이)카드 12% (15,840원)
(3만원 이상 결제/최대 1만원 할인)
북피니언 롯데카드 30% (12,600원)
(최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (12,600원)
(최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (14,400원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (16,200원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (16,740원)
(최대할인 3만원 / 3만원 이상 결제)
Close

d3.js를 이용한 데이터 시각화 : 자바스크립트로 눈에 띄는 차트 만들기

원제 : Data Visualization with D3.js

2013년 9월 9일 이후 누적수치입니다.

공유하기
정가

20,000원

  • 18,000 (10%할인)

    1,000P (5%적립)

  • 이벤트/기획전

  • 연관도서(323)

  • 사은품(2)

출판사 서평

D3.js는 현재 웹에서 가장 각광받는 언어인 자바스크립트로 만들어진 오픈소스 데이터 시각화 라이브러리다. 이 책은 D3.js를 사용하기 위한 환경의 구축에서부터, 간단한 예제를 통한 D3.js의 기본 개념 해설, 화려한 데이터 시각화를 만드는 고급 기법까지 설명하고 있어, 자바스크립트를 알고 있는 모든 분을 데이터 시각화의 세계로 친절하게 안내해 줄 것이다. 데이터 시각화에 관심을 갖고 있고 자바스크립트를 조금이라도 아는 사람이라면 누구에게나 아주 좋은 길잡이가 될 책이다.

이 책에서 다루는 내용
d3.js를 혼자서 공부하다 보면, '1단계: 두 개의 동그라미 그리기', '2단계: 부엉이의 나머지 부분 그리기'처럼 중간 과정이 뭔가 빠져있다는 느낌을 받을 수도 있다. 이 책은 바로 그런 공백을 채우는 역할을 맡고자 한다.
그러기 위해 기본적인 도형에서부터 많은 기능을 포함한 시각화까지 다양한 예제를 동원할 것이다. 여기에는 마술도 없고 설명되지 않은 절차도 없다. d3.js를 써서 시각화를 만드는 데 필요한 모든 것을 이해할 수 있게 될 것이다.
또, 데이터를 다루기 쉽게 조작하는 것에서부터 좌표 계산으로부터 그리기를 분리하는 고급 기능까지 모든 부문도 살펴볼 것이다.

이 책의 대상 독자
이 책은 d3.js를 스스로 공부해보면서 몇 가지 예제를 보고 "이거 대체 어떻게 동작하는 거야?"라고 자문해 본 적이 있는 사람 모두를 대상으로 한다.
이 책은 자바스크립트 코딩 경험이 있고, 웹 개발에 대한 일반 지식을 보유하고 있으며, 프로그래밍 기초에 대한 이해와 d3.js의 예제를 본 적이 있는 사람을 독자로 가정한다.

이 책의 구성
'1장, d3.js 시작하기'는 d3.js의 기초를 보여주는 예제와 이 책의 끝까지 사용하게 될 일반적인 개발 환경 설정에 대한 내용이 들어있다.

'2장, DOM, SVG, CSS 입문'은 웹 페이지의 내용물에 대해 어떻게 d3.js를 사용해야 하는지 자세하게 설명한다. 특히, SVG와 이미지를 생성하는 핵심 도구를 집중적으로 다룬다.

'3장, 데이터'는 데이터를 함수형 프로그래밍 방식으로 다루는 법을 보여준다. 외부 소스에서 데이터를 읽어오는 방법, d3.js에 내장된 도구를 써서 지루하고 반복적인 코딩을 피하는 방법을 살펴본다.

'4장, 애니메이션'은 d3.js로 데이터 시각화에 애니메이션 효과를 적용하고 사용자가 인터렉티브하게 상호작용할 수 있는 데이터 시각화를 만드는 법을 알아본다.

'5장, 레이아웃: d3의 마술'에서는 d3.js 레이아웃의 작동 원리를 알아보고, 동일한 데이터셋으로 완전히 다른 데이터 시각화를 만들어 본다. 5장을 다 읽고 나면, 인터넷에서 볼 수 있었던 화려한 데이터 시각화가 따라할 수 없는 마술로만 보이지는 않을 것이다.

'6장, 뛰어난 데이터 시각화 디자인'은 웹에서 볼 수 있는 뛰어난 데이터 시각화의 예를 살펴보고, 어떤 요소가 그 시각화에 우월함을 불어넣었는지 설명한다.

목차

1장 d3.js 시작하기
d3.js란?
개발 환경 구축
크롬 개발자 도구
간단한 막대그래프

2장 DOM, SVG, CSS 입문
DOM
d3.js로 DOM 다루기
셀렉션
셀렉션 예제
문서 내용 조작하기
데이터와 셀렉션의 연결
HTML 시각화 예제
SVG
SVG로 그리기
문서 요소와 도형을 수작업으로 추가하기
변환
경로 사용하기
CSS

요약

3장 데이터
함수형 스타일로 데이터를 생각해보기
자바스크립트 내장 배열 함수
d3.js의 데이터 함수
데이터
핵심
편의 함수
축척
순서 축척
수량 축척
치역이 연속적인 축척
치역이 비연속적인 축척
시간
날짜/시간 형식
시간 연산
지리
지오데이터
지도 그리기
지도 기반 시각화
요약

4장 애니메이션
트랜지션을 통한 애니메이션
보간자
가o감속(Easing)
타이머(Timer)
사용자와의 상호작용
기초 상호작용
동작(Behavior)
드래그(Drag)
줌(Zoom)
브러쉬(Brushes)
요약

5장 레이아웃 - d3의 마술
레이아웃은 무엇이고 왜 중요한가
내장 레이아웃
데이터셋
히스토그램 레이아웃
파이 레이아웃
스택 레이아웃
코드(Chord) 레이아웃
포스(Force) 레이아웃
서열식 레이아웃
트리 레이아웃
클러스터 레이아웃
분할 레이아웃
패킹 레이아웃
트리맵 레이아웃
요약

6장 뛰어난 데이터 시각화 디자인
시각화란 무엇인가?
훌륭한 예제들
시위와 체포
레미제라블
부와 건강의 상관관계
더 많은 사례들
요약

본문중에서

d3.js는 HTML와 SVG, CSS를 이용해서 아름다운 시각화를 만들고 데이터에 생명을 불어넣어줄 수 있는 플랫폼을 제공한다. 또한, 사용자 브라우저의 기능을 충분히 사용할 수 있도록 웹 표준을 준수한다.
이 책은 화면에 선을 그리는 간단한 작업부터 시작해서 기초를 튼튼히 다지고, d3.js의 레이아웃을 이용해 애니메이션 효과가 적용되고 상호작용이 가능한 복잡한 데이터 시각화까지 만들 수 있도록 구성했다.
이 책을 통해 독자는 d3.js를 사용해서 SVG로 벡터 그래픽을 다루고, HTML로 레이아웃을 잡고, CSS로 스타일을 지정하는 법을 배우게 될 것이다. 또한, 함수형 프로그래밍의 기초를 알아보고, 시간을 다루는 데이터와 공간 투영에 관련된 데이터처럼 다양한 데이터 구조를 효율적으로 사용하는 법을 살펴볼 것이다. 그리고 데이터 시각화를 인터렉티브하게 만드는 방법과 자동화된 레이아웃이 어떻게 작동하는지도 이 책에서 배울 수 있을 것이다.
이 책은 여러 가지 화려한 데이터 시각화의 뒤에 숨어있는 신비의 문을 열어줄 것이다.
(/ 저자 서문 중에서)

거의 십 년 만에 개발 현장에 돌아왔는데, 어쩌면 걱정보다는 많은 것들이 그리 달라지지 않고 그대로였다. 여전히 자바는 주류 언어이고, RDB(Relational Database)가 주류 DBMS를 이루고, 이클립스가 주류 IDE다. 변화가 적다는 것은 오랜만에 돌아온 사람에게는 다행한 일이었다.
하지만 역시나, 오래지 않아 큰 변화가 눈에 들어왔는데 정말로 의외였다. 예전에는 조금 하찮게까지 여기던 것이었는데, 지금은 정말 밝게 빛나고 있는 것이 있었으니, 바로 자바스크립트였다.
지금의 개발자들은 상상하기 어렵겠지만, 예전에는 웹이 지금처럼 동적이지 않았고, 그래서 자바스크립트는 브라우저상에서 폼의 입력 값을 검증하고, 서버에 요청을 날리는 이벤트 처리 정도만을 담당했다. 그래서 웹상에서 여러 가지 차트를 구현할 때도 고가의 전문 그래픽 라이브러리를 쓰지 않는 한 자바 기반의 라이브러리를 사용해 정적인 이미지 파일 형태로 만드는 수준에 머물렀다.
이제는 오히려 자바로 차트를 구현한다고 하면 '왜?', '자바스크립트로 안하고?'라는 반문에 바로 직면하게 될 정도로 수많은 자바스크립트 차트 라이브러리가 유료도 아닌 무료로, 그것도 오픈소스로 구현되어 있다.
D3.js는 그중에서도 가장 뛰어난 자바스크립트 기반의 오픈소스 데이터 시각화 라이브러리다. HTML 요소와 데이터를 연결해 SVG로 화려한 데이터 시각화를 만들어내고, 함수형 프로그래밍 개념을 도입해 적은 코드로 쉽게 사용할 수 있는 API를 제공해 줄 뿐 아니라, 수많은 예제를 통해 어떤 식으로 데이터 시각화를 만들어내는 것이 좋은지에 대한 가이드까지 제공해준다.
이 책을 통해 자바스크립트를 사용하는 많은 개발자들이 D3.js라는 호화 유람선을 타고 데이터 시각화라는 색다른 세계에서 마음껏 놀 수 있기를 기대한다.
(/ 옮긴이의 말 중에서)

저자소개

스위첵 텔러(Swizec Teller) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

모자를 쓴 괴짜이다. 21세에 처음 창업했고, 현재 스타트업 회사에서 프리랜서로 일하고 있는 풀스택 웹 전문가로서 다음 꿈을 키워가고 있다.
코딩하지 않을 때는 보통 블로깅이나 독서를 하며, 슬로베니아나 가까운 다른 나라에서 열리는 다양한 세미나에 연사로 나선다. 앞으로 더 큰 대규모의 국제 컨퍼런스에 연사로 나갈 수 있기를 기대하고 있다.
2012년 11월에 [프로그래머는 왜 밤에 일하는가(Why Programmers Work at Night)]라는 책을 쓰기 시작했고, 개발자의 삶을 개선할 방법을 탐구하고 있다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

백발 개발자를 꿈꾸며 언제나 버그와 씨름하는 개발자다. 번역을 통해 개발자 생태계에 조금이라도 기여하고자 노력한다. 옮긴 책으로는 『스프링 5.0 마이크로서비스 2/e』, 『D3.js 실시간 데이터 시각화』(에이콘출판) 등이 있다. http://homoefficio.github.io/에서 개발 관련 지식을 나누고 있으며, 최근에는 분산 원장 기술에 관심을 가지고 공부 중이다.

이 상품의 시리즈

acorn+PACKT 시리즈(총 351권 / 현재구매 가능도서 322권)

펼쳐보기

이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

    리뷰

    0.0 (총 0건)

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    0.0

    교환/환불

    교환/환불 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용