본문내용 바로가기
MD의선택 무료배송 이벤트 소득공제

D3.js 실시간 데이터 시각화 Node.js 환경에서 실시간 대시보드 만들기

acorn+PACKT 시리즈
파블로 나바로 카스틸로 지음 | 오명운 옮김 | 에이콘출판 | 2015년 08월 20일 출간

이 책의 다른 상품 정보

  • 정가 : 30,000원
    판매가 : 27,000 [10%↓ 3,000원 할인]
  • 통합포인트 :
    [기본적립] 1,500원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2천원 추가적립 안내 [회원혜택] 실버등급 이상, 3만원 이상 구매 시 2~4% 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(27일,금) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 데이터 시각화는 예술이자 과학이다.
    2020.07.22 ~ 2020.12.31
  • 프론트엔드 개발을 위한 약간의 가이드
    2018.02.02 ~ 2020.12.31
  • 에이콘의 도서를 한 눈에 살펴보세요
    2017.11.23 ~ 2020.12.31
상품상세정보
ISBN 9788960777538(8960777536)
쪽수 400쪽
크기 188 * 235 * 24 mm /943g 판형알림
원서명/저자명 Mastering D3.js - Data Visualization for JavaScript Developers/Pablo Navarro Castillo

책소개

이 책이 속한 분야

D3.js는 HTML5 기반 데이터 시각화 라이브러리의 대명사라고 해도 좋을 만큼 훌륭한 시각화 도구다. 이 책 [D3.js 실시간 데이터 시각화]는 D3.js의 기본 내용과 백본(BackBone) 같은 MVC 프레임워크, Socket.io 같은 실시간 동기화 네트워크 라이브러리와 함께 Node.js상에서 실시간 데이터 시각화를 만들어가는 과정을 담고 있다. 프론트엔드 개발의 한 축으로서 실전 데이터 시각화를 접해보고 싶은 분에게는 유용한 정보를 제공할 것이다.

작가의 말

D3는 아주 놀라운 라이브러리다. D3 웹 사이트에는 수백 가지의 아름다운 예제와 시각화와 차트가 있는데 대부분이 D3를 써서 만들어져 있다. 예제들을 보면 매우 다양한 시각적인 결과물을 D3로 만들어 낼 수 있음을 깨닫게 된다. 단순한 막대 차트에서 대화형 지도에 이르기까지 모든 시각화가 망라되어 있다.
D3를 사용해서 이런 다양한 결과물을 만들어내려면, 차트를 더 추상적인 수준에서 고민해보고, 페이지 내에 데이터와 화면 요소들을 연결 짓는 방법에 대해 배워야 한다. 복잡한 차트나 시각화 결과물은 데이터 아이템의 속성과 화면 요소의 시각적 속성 사이의 관계 속에서 탄생된다.
실제 프로젝트 환경에서는 D3로 만들어진 컴포넌트나 차트를 다른 컴포넌트나 라이브러리와 융합해야 한다. 이 책의 예제 대부분은 D3를 다른 라이브러리나 도구를 함께 사용해서 각 라이브러리의 장점을 최대한 살리면서 완전한 애플리케이션을 만들어 내는 방법을 알아본다.
예제를 통해 외부 데이터 소스를 이용하는 재사용 가능한 차트를 다뤄보고, D3를 사용해서 사용자 인터페이스와 대화형 지도를 만들어 볼 것이다. 마지막에는 실시간 트위터 멘션을 대상으로 하는 시각화 애플리케이션을 직접 구현해 볼 것이다.
D3는 시각화와 데이터를 경험해 볼 수 있는 정말로 훌륭한 도구다. 독자들이 책의 예제를 따라 하면서 재미를 느끼고, 자신만의 시각화 결과물을 만들어 볼 수 있기를 바란다.

이 책은 단순한 수준의 예제가 아니라 실제 현장에서 사용되는 예제를 다루고 있어 아주 실용적이다. 예제를 따라 하다 보면 커스텀 차트 작성, 서드 파티 라이브러리와 함께 사용해서 풍부하고 매력적인 데이터 시각화를 만드는 법을 자연스럽게 배울 수 있다. 이 책은 재사용 가능한 차트 패턴으로 시작해서 복잡한 실시간 데이터 시각화의 설계와 구현까지 단계적으로 안내해 주는 친절한 안내원으로서 손색이 없다.
이 책을 통해 D3 기반의 재사용 가능한 차트를 만드는 방법과 데이터 시각화에 재사용 가능한 차트를 녹여 넣는 방법을 배울 수 있다. 자체 제작한 차트 패키지를 만들어 배포할 수 있는 방법도 다루고 있으며, D3로 지리 정보를 처리하고 인터랙티브한 지도를 만들 수 있는 방법도 익힐 수 있다.
이 책으로 충실히 공부하면 실시간 데이터를 보여주는 화려한 엔터프라이즈 대시보드를 만들 수 있을 것이다. - 저자 파블로 나바로 카스틸로

몇 년 전만 해도 눈길을 끌 만한 화려한 시각화는 대부분 플래시 기술로 만들어진 차트였다. 플래시는 결과물도 훌륭하고 생산성도 좋은 괜찮은 기술이었지만, 보안 문제, 모바일 적응 문제 등 여러 가지 이유로 이제는 시장에서 점차 퇴출되는 기술이 되고 말았다.

사라져가는 플래시의 빈 자리는 웹 표준인 HTML5가 채우고 있다. 더 구체적으로는 Canvas와 SVG(Scalable Vector Graphics)가 플래시를 대체하고 있다. 여느 기술과 마찬가지로 두 기술 역시 장단점을 함께 가지고 있어 어느 한쪽이 다른 한쪽보다 언제나 우월하다고 할 수는 없다.

D3.js는 데이터 기반 문서(D3, Data-Driven Documents)를 표방하는 SVG 기반의 시각화 기술이다. SVG는 HTML 페이지 안에서 다른 태그와 같은 방식으로 화면을 그리고, 이벤트를 처리할 수 있고, 벡터 기반 그래픽으로 더 나은 화질을 화면에 보여줄 수 있기 때문에 데이터 시각화 분야에 한해서는 Canvas에 비해 확실히 좋은 점이 많다. D3.js는 이런 SVG의 장점을 충분히 활용해서 고품질의 화려한 데이터 시각화를 쉽게 만들어낼 수 있는 다양한 API를 제공한다. D3.js의 홈페이지에 가보면 상상을 초월할 만큼 기묘하면서도 필요한 정보를 쉽게 파악할 수 있게 해 주는 수많은 예제를 볼 수 있다.

이 책은 이런 D3.js를 중심으로 프론트엔드 개발 환경 전반에 걸쳐 사용되는 다양한 도구를 함께 활용해서 실시간 데이터 시각화를 만들어가는 과정을 차근차근 알기 쉽게 보여준다. Node.js 환경에서의 프론트엔드 경험이 풍부한 개발자라면 D3.js를 실전 환경에 어떻게 도입해서 사용할 수 있는지에 대한 값진 정보를 얻을 수 있을 것이고, 프론트엔드 경험이 풍부하지 않은 개발자라면 D3.js에 더하여 Node.js를 중심으로 npm, 바우어(bower), 보우(vows), 그런트(grunt) 등 프론트엔드 개발 라이프 사이클 전반에 걸친 주요 도구에 대한 지식까지 덤으로 얻을 수 있을 것이다. - 역자 오명운

목차

1 데이터 시각화
__데이터 시각화의 정의
____데이터 시각화의 종류
________인포그래픽
________탐색적 시각화
________대시보드
________데이터 시각화 배우기
__D3 라이브러리 소개
__정리

2 재사용 가능한 차트
__재사용 가능한 차트 제작
____D3로 요소 생성
________데이터 바인딩
________요소 생성 캡슐화
________svg 요소 생성
____바코드 차트
________접근자 메소드
________차트 초기화
________데이터 추가
________데이터 접근자 함수 추가
________데이터셋 업데이트
________enter와 exit 전이 고정
__바코드 차트 사용
__레이아웃 알고리즘 생성
____방사형 레이아웃
________각도 계산
____레이아웃 사용
__정리

3 SVG 없이 시각화 제작
__SVG 지원 브라우저 현황
__SVG 없는 시각화
____데이터 로딩 및 정렬
____포오스 레이아웃 메소드
____색상과 크기 설정
____범례 만들기
__폴리필
____기능 검사
____canvg 예제
__캔버스와 D3
____캔버스에서 도형 그리기
________도형 생성
________D3와 canvas 통합
__정리

4 D3로 색상 선택기 제작
__슬라이더 컨트롤 제작
____드래그 반응
____슬라이더 제작
____슬라이더 사용
__색상 선택기 제작
____색상 선택기 호출기
________색상 선택기 윈도우 추가
____색상 선택기 윈도우
__정리

5 사용자 인터페이스 제작
__차트 요소 강조
__툴팁 제작
____툴팁 사용
__브러시를 통한 영역 선택
____영역 차트 생성
____브러시 추가
____브러시 리스너
__정리

6 차트끼리의 상호 작용
__백본의 기초
____이벤트
____모델
____컬렉션
____뷰
____라우터
__주식 탐색기 애플리케이션
____주가 차트 생성
________종목명 차트
________주식 영역 차트
____애플리케이션 구조 준비
________인덱스 페이지
____모델과 컬렉션 생성
________주식 모델
________주식 컬렉션
________애플리케이션 모델
____뷰 구현
________타이틀 뷰
________주식 선택기 뷰
________주식 컨텍스트 뷰
________주식 상세 뷰
________애플리케이션 뷰
____라우터 정의
____애플리케이션 초기화
__정리

7 차트 패키지 제작
__개발 작업 흐름
____코드 작성
____릴리스 생성
________시맨틱 버전 번호
__패키지 내용 생성
____열 지도 차트
____행렬 레이아웃
__프로젝트 셋업
____Node 모듈 설치
____그런트로 빌드
________소스 파일 합치기
________라이브러리 압축
________JSHint로 코드 검사
________패키지 테스트
________태스크의 순서 등록
____프론트엔드 의존성 관리
__다른 프로젝트에서 패키지 사용
__정리

8 데이터 기반 애플리케이션
__웹 애플리케이션 생성
____프로젝트 준비
____제킬을 이용한 정적 사이트 생성
____애플리케이션 컴포넌트 작성
________모델 및 컬렉션 작성
________뷰 작성
________애플리케이션 셋업
____깃허브 페이지를 이용한 호스팅
____아마존 S3를 이용한 호스팅
________S3에 배포하기 위한 제킬 설정
________S3 버킷에 사이트 업로드
__정리

9 대시보드 제작
__대시보드 정의
__대시보드 디자인에 도움이 되는 좋은 습관
__대시보드 제작
____대시보드의 목적 정의
____데이터 수집
____정보 조직화
____대시보드 영역 생성
________학생 영역
________과목 영역
________학급 영역
________대시보드 영역 배치
__정리

10 지도 제작
__지리 데이터 수집
____GeoJSON과 ToppoJSON 형식의 이해
____지리 데이터 파일 변환 및 조작
__D3로 지도 제작
____등치 지역도 제작
____위상 매핑
____Mapbox와 D3 함께 사용
____Mapbox 프로젝트 생성
____Mapbox와 D3의 조합
__정리

11 고급 지도 제작
__지도 제작을 위한 여러 가지 투영 방식
____정방형 투영법
____원뿔 등거리 투영법
____직교 투영법
__지구 회전 기능 생성
__대화형 별자리 지도 제작
____항성 목록 선택
____항성 그리기
____투영 방식 변경과 회전 동작 추가
____항성에 색과 레이블 추가
__D3를 이용한 래스터 이미지 투사
____래스터 이미지를 canvas에 렌더링
____픽셀의 지도 상의 좌표값 계산
____직교 투영을 이용한 이미지 재투영
__정리

12 실시간 애플리케이션 제작
__Firebase를 사용한 실시간 협업
____Firebase 설정
____Firebase와 애플리케이션 통합
__트위터 탐색기 애플리케이션
__스트리밍 서버 생성
____트위터 스트리밍 API
________Twit을 이용하여 트위터 스트리밍 API에 접근
____Socket.IO
____스트리밍 서버 구현
__클라이언트 애플리케이션 생성
____애플리케이션 구조
________모델과 컬렉션
________토픽 컬렉션 뷰 구현
________애플리케이션 뷰 생성
________애플리케이션 준비
__정리

출판사 서평

★ 이 책에서 다루는 내용 ★

■ 다른 프로젝트에서도 사용할 수 있는 재사용 가능한 차트 작성
■ 폴리필(polyfill)을 사용해서 SVG가 지원되지 않는 브라우저에서도 작동하는 차트 작성
■ D3와 백본(Backbone)을 사용한 대화형 단일 페이지 애플리케이션 작성
■ D3 기반 차트 패키지 작성, 테스트, 배포
■ 자체 제작 지도 작성 및 지도 라이브러리와 D3의 통합
■ 노드(Node)와 D3를 활용한 실시간 애플리케이션 작성

★ 이 책의 대상 독자 ★

복잡한 데이터 시각화를 만들 수 있는 방법을 ... 더보기

Klover 리뷰 (0)

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.

포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
  • 해당도서의 리뷰가 없습니다.

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

바로가기

  • 우측 확장형 배너 2

최근 본 상품