목록FrontEnd (1)
경제학도의 개발공간
[D3.js] 1. Selection & Dynamic Property & Enter and Exit
D3는 Data Driven Document의 약자로써, 데이터를 DOM과 바인딩함으로써 시각화하는데 사용되는 자바스크립트 라이브러리이다. 처음 D3를 접하면서 든 생각은 jQuery와 매우 흡사하다는 것이다. D3와 jQuery의 가장 뚜렷한 차이점은, Style과 Attribute 등의 Property에 들어가는 값이 상수 뿐만 아닌, 함수도 가능하다는 점이다. 123 d3.selectAll("p").style("color",(d,i)=>{ return i%2 ?"yellow":"blue"; });Colored by Color Scriptercs 위 예시는 HTML의 P태그들을 순서대로 홀수번째 노드는 노란색을, 짝수는 파란색으로 색을 입히는 기능을 한다. selectAll에 의해 선택된 P태그는 배..
FrontEnd
2018. 8. 20. 15:54