본문 바로가기

Dev/D32

[D3.js] DOM 요소 선택하기 D3를 사용하여 DOM 요소 선택하기 D3를 사용하면 HTML에서 DOM 요소를 조작할 수 있음 먼저 특정 요소 또는 요소 그룹을 선택한 뒤, 다양한 D3 메서드를 사용하여 해당요소를 조작해야함 D3.js 내 메소드를 사용하여 DOM 요소를 선택하는 방법 DOM 선택 DOM 요소의 참조 가져오기 d3.select(css-selector) 지정된 css-selector를 기반으로 HTML에서 일치하는 첫번째 요소를 반환 d3.selectAll(css-selector) 지정된 css-selector를 기반으로 HTML에서 일치하는 모든 요소를 반환 d3.select() 지정된 css-selector를 기반으로 HTML에서 일치하는 첫번째 요소를 반환 1번째 요소 2번째 요소 1번째 요소 2번째 요소 d3.s.. 2021. 6. 23.
[D3.js] D3(Data Driven Document)시작하기 D3.js 시작하기 - 최근 시각화쪽에 관심이 생겨 알아보던중 자바스크립트 D3를 이용하여 만들어진 여러 차트들을 보게되었는데 다양성과 퀄리티 자체가 나의 잠재적인 시각화 흥미를 불러일으켰다. 그래서 D3에 대해서 기초부터 하나씩 정리해보고자한다. D3 란? 데이터 기반 문서 D로 시작하는 단어가 3개라서 D3 Data Driven Document SVG, HTML, CSS를 사용하여 웹브라우저 상에서 동적, 시각화를 구현하기 위한 자바스크립트 라이브러리 D3 기능 웹 표준 사용 대화형 데이터 시각화를 생성하는 강력한 시각화 도구 최신 웹 표준인 SVG, HTML, CSS를 활용하여 데이터 시각화를 구성 데이터 기반 정적 데이터를 사용하거나, array, object, csv, json, xml 등과 같.. 2021. 6. 22.
반응형

티스토리툴바