D3란 무엇인가?

D3.js란?

Data Drivened Document'의 약자(3개의 D로 시작하기 때문)

HTML, SVG(Scalable Vector Graphics), CSS를 사용해 데이터를 시각적인 결과물로 나타낸다.

간단히 요약하자면 차트 형태나 그래프, 트리 형태 등으로 데이터를 화려하고, 예쁘게 표현한다.

기본적인 사용방법은 어느 js 라이브러리(jquery 등)와 비슷한데 메서드 체이닝 방식이 기본이다.

예제

node.append('text')
    .attr('dx', -18)
    .attr('dy', 8)
    .style('font-family', 'overwatch')
    .style('font-size', '18px')
    .text(d => d.name);

요구사항
인터넷 익스플로러8 이하를 제외한 모든 웹 브라우저