D3.js 실시간 데이터 시각화

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
____스트리밍 서버 구현
__클라이언트 애플리케이션 생성
____애플리케이션 구조
________모델과 컬렉션
________토픽 컬렉션 뷰 구현
________애플리케이션 뷰 생성
________애플리케이션 준비
__정리