Page 17 -
P. 17
D3 കಕ ࣗח http d3js orgݴ ࣗझ ٘ח https github com mbostock d3ীࢲ ղ
۰߉ਸ ࣻ D3ח ߄झ݀ औѱ ܻח ࢎۈਸ ਤೠ ಿب ইפҊ ਢ ࢎ
ী ݆ ࢎਊغח ٘ ч Ѩࢎӝա ߡౡ ܻӝ э ӝҮܳ ল ٘ب ইפ
ࢎप D3ח ݒ Үೠ ಿۄࢲ ٘ܳ ࠁݶ ੑ ڂ ߥয Ӓېࢲ рױ ੌࠗ݅ ୶
۰ࠄ ઁ 1-1 d3.svg.lineਸ ୷ডೠ ٘۽ SVG ۄੋ line ࢤࢿӝܳ ݅٘ח ೣࣻ ݢ
٘ܳ х࢚೧ࠁ
ઁ 47( ۄੋਸ ࢤࢿೞח ೣࣻ
ࣗझ ੌ \SK \SK KT
// 다른 전역 변수와 충돌을 피하기 위해 이름공간을 생성한다.
var rj3 = {};
// svg라는 하위 이름공간을 만든다.
rj3.svg = {};
// rj3.svg 이름공간에 line 함수를 넣는다.
rj3.svg.line = function() {
var getX = function(point) {
return point[0];
},
getY = function(point) {
return point[1];
},
interpolate = function(points) {
return points.join("L");
};
function line(data) {
var segments = [],
points = [],
i = -1,
n = data.length,
d;
function segment() {
segments.push("M",interpolate(points));
}
while (++i < n) {
d = data[i];
points.push([+getX.call(this,d,i), +getY.call(this,d,i)]);
}
032