D3의 특징

이미지 출처 : 공식 홈페이지 (스샷)

• Selection

  • D3는 자체적인 Selection(선택) API를 제공한다. 해당 기능을 이용해 DOM Element를 가져올 수 있다. querySelector, getElementBy... 와 유사하지만, Element 자체를 그냥 가져오는 것이 아닌 D3 Object로 wrapping(감싸서) 가져온다. jQuery와 거의 유사하다고 생각하면 편하다.

• Dynamic Properties

  • DOM element의 속성(property, attribute) 등을 동적으로 변경이 가능하다.

• Enter and Exit

  • 필요한 노드와 불필요한 노드를 간편하게 처리 가능하다. 이미 속성을 동적으로 변경 가능하다는 점에서 사용자가 알아서 처리하면 되는데... 이건 편의성 기능이지 특징이라고 하기엔 좀... 그런거 같은데 얘들이 그렇다하니 뭐....

• Transformation, not Representation

  • 해당 기능을 구현하기 위해 새로운 것을 만들어낸 것이 아니라, 기존에 존재하던 요소들로 기능을 구현 가능.
    HTML SVG 태그 등을 이용한다.

• Transition

  • animation 속성을 간편하게 구현 가능.

 

---

SVG가 무엇인지 모른다면 아래 링크에서 확인하자.

https://pcconsoleoraksil.tistory.com/309

SVG(Scalable Vector Graphics)