D3.js 공부 3 - 데이터 조인
데이터 조인은 데이터들과 그래픽 요소 간의 관계를 만들어줍니다. 즉 데이터들([10,20,30....])을 통해 요소를 조작합니다. [10, 20, 30, 25, 15] 데이터 세트가 있으면 li에 매핑을 시킬 수 있습니다. 이렇게 HTML이 있으면 select로 list를 선택해주고 하위 요소 모든 li를 선택합니다. 그다음 data메서드로 매핑시킬 요소를 줍니다. d3.select("#list").selectAll("li") .data([10, 20, 30, 25, 15]) .text(function(d) { return d; }); 이렇게 text 메서드를 통해 li 매핑된 요소를 가져옵니다. function의 인자 d는 10과 20입니다. 1. li - 10 2. li - 20 10과 20은 li..
