D3.js 기초

목표

본격적인 설명에 앞서 이 모듈의 목표를 알려드립니다.

 


1. 기초

1-1. Selection 객체

D3의 HTML 문서 조작을 가능하게 만드는 기본인 Selection 객체에 대해 소개합니다.

 

1-2. Selection 객체의 문서 조작 메소드

Selection 객체의 문서 조작을 위한 여러 메소드에 대해 소개합니다.

 

1-3. Selection 객체와 Data 연결

Selection 객체에는 여러 Data를 연결할 수 있습니다. 연결한 Data를 이용해 문서를 조작하는 방법에 대해 소개합니다.

 


2. 응용

2-1. 반복문 없이 여러 태그 추가하기

D3를 이용하면 반복문 없이 자바스크립트 한 줄만으로 주어진 데이터 만큼 태그를 한꺼번에 추가할 수 있습니다.

 

2-2. 1번에서 추가한 태그에 속성 조작하기

1번에서 추가한 태그에 속성을 한꺼번에 입력할 수 있습니다. 또 데이터를 이용해 속성을 따로 입력할 수 있습니다.

댓글

댓글 본문
  1. 바른생활
    D3가 javascript 기반이라서, D3 내용, javascript나 css 내용등을 함께 다루려면 강의 준비가 쉽지 않으셨겠네요.
버전 관리
kolpi12
현재 버전
선택 버전
graphittie 자세히 보기