본문 바로가기

전체 글75

[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.
[평택 맛집] 이차돌 평택 법원점 안녕하세요 ! 날씨가 너무 좋아서 뭘 먹지 고민하다가 오늘은 평택 법원 근처에 이차돌에 다녀왔어요! 고기랑 쫄면이 땡기는날.. ㅎㅎ 가게 앞에 도착했더니 팻말로 점심 세트와 저녁 세트 그리고 어떤 메뉴가 있는지가 딱 보였어요! 너무 덥고 배고파서 호다닥 입장했어요! 아래 세트는 평일, 주말 상관없이 다 가능하다고 하셔서 세트를 먹을지 단품으로 여러 개를 시켜서 먹을지 고민하다가 엄마랑 저는 단품을 시키기로 했어요 ^_^ 메뉴판을 보면 차돌박이, 2차돌, 차돌 삼겹 등 종류가 다양했고 가격도 착한 편이었어요 2차돌이 강력추천으로 적혀있어서 고민하다가 2차돌로 시켜보았어요 :) 그냥 차돌박이와 2차돌, 차돌 삼겹의 차이는 2차돌이 그냥 차돌박이 + 차돌 삼겹이었어요...! (어쩐지 강력 추천인 이유가 있었던.. 2021. 6. 19.
반응형

티스토리툴바