OLD/D33 SVG란 무엇인가? SVG는 Scalable Vector Graphics의 머리글자를 딴 것입니다. 이름대로 벡터를 기반으로 한 그래픽을 그리는 데 사용하는 마크업 언어의 하나입니다. 마크업 언어라고 하면 HTML이나 XML이 유명합니다만, SVG는 XML의 한 종류이므로 XML문법을 그대로 이용할수 있습니다. SVG에는 도형을 그릴 수 있는 요소가 준비되어 있으며 그리기에 필요한 좌표값 등을 속성으로 지정할 수 있습니다. SVG는 HTML과 마찬가지로 스타일시트를 사용할수 있습니다. 즉, CSS를 사용하여 D3.js로 생성한 그래프의 스타일(색이나 선)등을 지정할수 있습니다. 2017. 4. 29. d3.js의 시각화를 위한 교재 2017. 4. 20. d3를 사용한 시각화 작업 step 1 가로�� 막대그�프 #myGraph rect { stroke: rgb(160, 0, 0); stroke-width: 1px; fill: rgb(255, 0, 0); } .axis text { font-family: sans-serif; font-size: 11px; } .axis path, .axis line { fill: none; stroke: black; } 가로�� 막대그�프 // CSV 파일을 불러와 그�프 그리기 d3.csv("./js/mydata.csv", function(error, data){ var dataSet = [ ];// 데이터를 저장할 배열 준비 for(var i=0; i 2017. 4. 20. 이전 1 다음
