MM

$('Selector').offset().left -> offsetLeft$('Selector').offset().top -> offsetTop $( document ).on( "mousemove", function( event ) { $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );});

~~~.append("g")그룹핑을 하는 이유. append("g")를 추가후var svg = d3.select("#DrawingBoard").append("svg").attr("width", width + margin.left + margin.right).attr("height", height + margin.top + margin.bottom).append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");@@ .append("g") 의미 : 그룹내 모든 element들에게 동일한 속성을 적용. append("g")를 빼고var svg = d3.select("#DrawingBoard").append("svg").at..

d3.scale.ordinal() VS d3.scale.linear() oridinal : 수치적이지 않은 존재(이름, 순서의 의미가없는..)들을 크기로 표현할때 쓰임ex)var ordinalScale = d3.scale.ordinal() .domain(['Alice', 'Bob']) .range([0, 100]); ordinalScale('Alice'); // 0 ordinalScale('Bob'); // 100 linear : 수치적으로 표현할 수 있는 존재ex)var linearScale = d3.scale.linear() .domain([0, 10]) .range([0, 100]); linearScale(0); // 0 linearScale(5); // 50 linearScale(10); // 100