D3 썸네일형 리스트형 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").. 더보기 visualization using d3.js 현재 소속된 회사에서 빅데이터를 시각화 하는 방법을 찾던 중 D3.js를 학습하게 되었다.처음에는 쉽게 접근 가능한 highcharts 와 같은 라이브러리를 사용하려고 했으나D3.js의 확장성과 유연성으로 D3.js를 선택하게 되었다. 역시나 D3.js는 쉽지 않다.... 몇가지의 메서드는 그냥 이런 기능이다 정도만 알겠더라... 설명도 이해하기도 쉽지 않다. 개인학습용도로 정리하고자 한다. 1. D3.js란 D3.js는 데이터 시각화 프레임워크로 잘 알려져 있고, 자바스크립트로 개발을 한다.HTML5의 SVG을 통하여 다양한 화면 해상도에서 깨짐없는 Visualizing이 가능하다. 이와 같은 막강한 시각화를 쉽게(?) 작성할 수 있다.(D3 Example 더보기) 2. 기본설정 D3.js 라이브러리는.. 더보기 이전 1 다음