d3 grid 썸네일형 리스트형 Using D3.js to draw a grid D3.js는 SVG뿐만 아니라 HTML DOM 핸들링이 가능하다.이번에는 D3.js를 이용하여 아래와 같은 Grid(Table)을 그려본다. 실행화면 미리보기 샘플 데이터 var matrix = [{"Girth":8.3,"Volume":10.3,"Height":70},{"Girth":8.6,"Volume":10.3,"Height":65} ...]; 우선 아래 그림에 표시된 테이블 헤더를 추가해보자.테이블 HEAD d3.select("body") .append("table") .style("border-collapse", "collapse") .style("border", "2px black solid") .append("tr") .attr("class", "tr_head") .selectAll("td").. 더보기 이전 1 다음