2010-11-03 21:19:20 +03:00
|
|
|
d3 = {version: "0.8.0"}; // semver
|
2010-09-28 22:26:55 +04:00
|
|
|
if (!Date.now) Date.now = function() {
|
|
|
|
return +new Date();
|
|
|
|
};
|
|
|
|
if (!Object.create) Object.create = function(o) {
|
|
|
|
/** @constructor */ function f() {}
|
|
|
|
f.prototype = o;
|
|
|
|
return new f();
|
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
function d3_array(psuedoarray) {
|
|
|
|
return Array.prototype.slice.call(psuedoarray);
|
|
|
|
}
|
|
|
|
function d3_blend(arrays) {
|
|
|
|
return Array.prototype.concat.apply([], arrays);
|
|
|
|
}
|
2010-10-27 02:32:41 +04:00
|
|
|
function d3_call(callback, var_args) {
|
|
|
|
var_args = d3_array(arguments);
|
|
|
|
var_args[0] = this;
|
|
|
|
callback.apply(this, var_args);
|
|
|
|
return this;
|
|
|
|
}
|
2010-10-21 02:22:22 +04:00
|
|
|
/**
|
|
|
|
* @param {number} start
|
|
|
|
* @param {number=} stop
|
|
|
|
* @param {number=} step
|
|
|
|
*/
|
|
|
|
d3.range = function(start, stop, step) {
|
|
|
|
if (arguments.length == 1) { stop = start; start = 0; }
|
|
|
|
if (step == null) step = 1;
|
|
|
|
if ((stop - start) / step == Infinity) throw new Error("infinite range");
|
|
|
|
var range = [],
|
|
|
|
i = -1,
|
|
|
|
j;
|
|
|
|
if (step < 0) while ((j = start + step * ++i) > stop) range.push(j);
|
|
|
|
else while ((j = start + step * ++i) < stop) range.push(j);
|
|
|
|
return range;
|
|
|
|
};
|
2010-11-03 01:27:45 +03:00
|
|
|
d3.json = function(url, callback) {
|
|
|
|
var req = new XMLHttpRequest();
|
|
|
|
req.overrideMimeType("application/json");
|
|
|
|
req.open("GET", url, true);
|
|
|
|
req.onreadystatechange = function() {
|
|
|
|
if (req.readyState == 4) {
|
|
|
|
callback(req.status < 300 && req.responseText
|
|
|
|
? JSON.parse(req.responseText)
|
|
|
|
: null);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
req.send(null);
|
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
d3.ns = {
|
2010-09-28 22:26:55 +04:00
|
|
|
|
|
|
|
prefix: {
|
|
|
|
svg: "http://www.w3.org/2000/svg",
|
|
|
|
xhtml: "http://www.w3.org/1999/xhtml",
|
|
|
|
xlink: "http://www.w3.org/1999/xlink",
|
|
|
|
xml: "http://www.w3.org/XML/1998/namespace",
|
|
|
|
xmlns: "http://www.w3.org/2000/xmlns/"
|
|
|
|
},
|
|
|
|
|
|
|
|
qualify: function(name) {
|
|
|
|
var i = name.indexOf(":");
|
|
|
|
return i < 0 ? name : {
|
2010-10-24 07:32:16 +04:00
|
|
|
space: d3.ns.prefix[name.substring(0, i)],
|
2010-09-28 22:26:55 +04:00
|
|
|
local: name.substring(i + 1)
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
2010-10-24 23:37:59 +04:00
|
|
|
/** @param {...string} types */
|
|
|
|
d3.dispatch = function(types) {
|
|
|
|
var dispatch = {},
|
|
|
|
type;
|
|
|
|
for (var i = 0, n = arguments.length; i < n; i++) {
|
|
|
|
type = arguments[i];
|
|
|
|
dispatch[type] = d3_dispatch(type);
|
|
|
|
}
|
|
|
|
return dispatch;
|
|
|
|
};
|
|
|
|
|
|
|
|
function d3_dispatch(type) {
|
|
|
|
var dispatch = {},
|
2010-10-24 07:32:16 +04:00
|
|
|
listeners = [];
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 23:37:59 +04:00
|
|
|
dispatch.add = function(listener) {
|
2010-09-28 22:26:55 +04:00
|
|
|
for (var i = 0; i < listeners.length; i++) {
|
2010-10-24 23:37:59 +04:00
|
|
|
if (listeners[i].listener == listener) return dispatch; // already registered
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
listeners.push({listener: listener, on: true});
|
2010-10-24 23:37:59 +04:00
|
|
|
return dispatch;
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
|
2010-10-24 23:37:59 +04:00
|
|
|
dispatch.remove = function(listener) {
|
2010-10-24 07:32:16 +04:00
|
|
|
for (var i = 0; i < listeners.length; i++) {
|
2010-09-28 22:26:55 +04:00
|
|
|
var l = listeners[i];
|
2010-10-24 07:32:16 +04:00
|
|
|
if (l.listener == listener) {
|
2010-09-28 22:26:55 +04:00
|
|
|
l.on = false;
|
2010-10-24 07:32:16 +04:00
|
|
|
listeners = listeners.slice(0, i).concat(listeners.slice(i + 1));
|
2010-09-28 22:26:55 +04:00
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2010-10-24 23:37:59 +04:00
|
|
|
return dispatch;
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
|
2010-10-24 23:37:59 +04:00
|
|
|
dispatch.dispatch = function() {
|
2010-10-24 07:32:16 +04:00
|
|
|
var ls = listeners; // defensive reference
|
|
|
|
for (var i = 0, n = ls.length; i < n; i++) {
|
|
|
|
var l = ls[i];
|
|
|
|
if (l.on) l.listener.apply(this, arguments);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2010-10-24 23:37:59 +04:00
|
|
|
return dispatch;
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
2010-10-25 11:12:44 +04:00
|
|
|
// TODO align, sign, type
|
|
|
|
d3.format = function(specifier) {
|
|
|
|
var match = d3_format_re.exec(specifier),
|
|
|
|
fill = match[1] || " ",
|
|
|
|
zfill = match[5],
|
|
|
|
width = +match[6],
|
|
|
|
comma = match[7],
|
2010-10-26 03:03:37 +04:00
|
|
|
precision = match[8],
|
|
|
|
type = match[9];
|
2010-10-25 11:12:44 +04:00
|
|
|
if (precision) precision = precision.substring(1);
|
|
|
|
if (zfill) fill = "0"; // TODO align = "=";
|
2010-10-26 03:03:37 +04:00
|
|
|
if (type == "d") precision = "0";
|
2010-10-25 11:12:44 +04:00
|
|
|
return function(value) {
|
2010-10-26 03:03:37 +04:00
|
|
|
if ((type == "d") && (value % 1)) return "";
|
|
|
|
if (precision) value = (+value).toFixed(precision);
|
|
|
|
else value += "";
|
2010-10-25 11:12:44 +04:00
|
|
|
if (comma) {
|
|
|
|
var i = value.lastIndexOf("."),
|
|
|
|
f = i >= 0 ? value.substring(i) : (i = value.length, ""),
|
|
|
|
t = [];
|
|
|
|
while (i > 0) t.push(value.substring(i -= 3, i + 3));
|
|
|
|
value = t.reverse().join(",") + f;
|
|
|
|
}
|
|
|
|
var n = value.length;
|
|
|
|
if (n < width) value = new Array(width - n + 1).join(fill) + value;
|
|
|
|
return value;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
// [[fill]align][sign][#][0][width][,][.precision][type]
|
|
|
|
var d3_format_re = /(?:([^{])?([<>=^]))?([+\- ])?(#)?(0)?([0-9]+)?(,)?(\.[0-9]+)?([a-zA-Z%])?/;
|
2010-09-28 22:26:55 +04:00
|
|
|
/*
|
|
|
|
* TERMS OF USE - EASING EQUATIONS
|
|
|
|
*
|
|
|
|
* Open source under the BSD License.
|
|
|
|
*
|
|
|
|
* Copyright 2001 Robert Penner
|
|
|
|
* All rights reserved.
|
|
|
|
*
|
|
|
|
* Redistribution and use in source and binary forms, with or without
|
|
|
|
* modification, are permitted provided that the following conditions are met:
|
|
|
|
*
|
|
|
|
* - Redistributions of source code must retain the above copyright notice, this
|
|
|
|
* list of conditions and the following disclaimer.
|
|
|
|
*
|
|
|
|
* - Redistributions in binary form must reproduce the above copyright notice,
|
|
|
|
* this list of conditions and the following disclaimer in the documentation
|
|
|
|
* and/or other materials provided with the distribution.
|
|
|
|
*
|
|
|
|
* - Neither the name of the author nor the names of contributors may be used to
|
|
|
|
* endorse or promote products derived from this software without specific
|
|
|
|
* prior written permission.
|
|
|
|
*
|
|
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
|
|
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
|
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
|
|
* ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
|
|
|
|
* LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|
|
|
* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
|
|
|
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
|
|
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
|
|
|
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
|
|
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
|
|
* POSSIBILITY OF SUCH DAMAGE.
|
|
|
|
*/
|
|
|
|
|
|
|
|
var quad = poly(2),
|
|
|
|
cubic = poly(3);
|
|
|
|
|
|
|
|
var ease = {
|
|
|
|
"linear": function() { return linear; },
|
|
|
|
"poly": poly,
|
|
|
|
"quad": function() { return quad; },
|
|
|
|
"cubic": function() { return cubic; },
|
|
|
|
"sin": function() { return sin; },
|
|
|
|
"exp": function() { return exp; },
|
|
|
|
"circle": function() { return circle; },
|
|
|
|
"elastic": elastic,
|
|
|
|
"back": back,
|
|
|
|
"bounce": function() { return bounce; }
|
|
|
|
};
|
|
|
|
|
|
|
|
var mode = {
|
|
|
|
"in": function(f) { return f; },
|
|
|
|
"out": reverse,
|
|
|
|
"in-out": reflect,
|
|
|
|
"out-int": function(f) { return reflect(reverse(f)); }
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.ease = function(name) {
|
|
|
|
var i = name.indexOf("-"),
|
|
|
|
t = i >= 0 ? name.substring(0, i) : name,
|
|
|
|
m = i >= 0 ? name.substring(i + 1) : "in";
|
|
|
|
return mode[m](ease[t].apply(null, Array.prototype.slice.call(arguments, 1)));
|
|
|
|
};
|
|
|
|
|
|
|
|
function reverse(f) {
|
|
|
|
return function(t) {
|
|
|
|
return 1 - f(1 - t);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function reflect(f) {
|
|
|
|
return function(t) {
|
|
|
|
return .5 * (t < .5 ? f(2 * t) : (2 - f(2 - 2 * t)));
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function linear(t) {
|
|
|
|
return t;
|
|
|
|
}
|
|
|
|
|
|
|
|
function poly(e) {
|
|
|
|
return function(t) {
|
|
|
|
return Math.pow(t, e);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function sin(t) {
|
|
|
|
return 1 - Math.cos(t * Math.PI / 2);
|
|
|
|
}
|
|
|
|
|
|
|
|
function exp(t) {
|
|
|
|
return t ? Math.pow(2, 10 * (t - 1)) - 1e-3 : 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
function circle(t) {
|
|
|
|
return 1 - Math.sqrt(1 - t * t);
|
|
|
|
}
|
|
|
|
|
|
|
|
function elastic(a, p) {
|
|
|
|
var s;
|
|
|
|
if (arguments.length < 2) p = 0.45;
|
|
|
|
if (arguments.length < 1) { a = 1; s = p / 4; }
|
|
|
|
else s = p / (2 * Math.PI) * Math.asin(1 / a);
|
|
|
|
return function(t) {
|
2010-11-03 09:06:32 +03:00
|
|
|
return 1 + a * Math.pow(2, 10 * -t) * Math.sin((t - s) * 2 * Math.PI / p);
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function back(s) {
|
|
|
|
if (!s) s = 1.70158;
|
|
|
|
return function(t) {
|
|
|
|
return t * t * ((s + 1) * t - s);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function bounce(t) {
|
|
|
|
return t < 1 / 2.75 ? 7.5625 * t * t
|
|
|
|
: t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75
|
|
|
|
: t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375
|
|
|
|
: 7.5625 * (t -= 2.625 / 2.75) * t + .984375;
|
|
|
|
}
|
2010-10-24 21:56:29 +04:00
|
|
|
d3.event = null;
|
2010-09-28 22:26:55 +04:00
|
|
|
d3.interpolate = function(a, b) {
|
|
|
|
if (typeof b == "number") return d3.interpolateNumber(+a, b);
|
2010-10-20 22:07:42 +04:00
|
|
|
if (typeof b == "string") {
|
|
|
|
return (b in d3_rgb_names) || /^(#|rgb\(|hsl\()/.test(b)
|
|
|
|
? d3.interpolateRgb(String(a), b)
|
|
|
|
: d3.interpolateString(String(a), b);
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
if (b instanceof Array) return d3.interpolateArray(a, b);
|
|
|
|
return d3.interpolateObject(a, b);
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.interpolateNumber = function(a, b) {
|
|
|
|
b -= a;
|
|
|
|
return function(t) { return a + b * t; };
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.interpolateString = function(a, b) {
|
|
|
|
var m, // current match
|
|
|
|
i, // current index
|
|
|
|
j, // current index (for coallescing)
|
|
|
|
s0 = 0, // start index of current string prefix
|
|
|
|
s1 = 0, // end index of current string prefix
|
|
|
|
s = [], // string constants and placeholders
|
|
|
|
q = [], // number interpolators
|
|
|
|
n, // q.length
|
|
|
|
o;
|
|
|
|
|
|
|
|
// Find all numbers in b.
|
|
|
|
for (i = 0; m = d3_interpolate_number.exec(b); ++i) {
|
|
|
|
if (m.index) s.push(b.substring(s0, s1 = m.index));
|
|
|
|
q.push({i: s.length, x: m[0]});
|
|
|
|
s.push(null);
|
|
|
|
s0 = d3_interpolate_number.lastIndex;
|
|
|
|
}
|
|
|
|
if (s0 < b.length) s.push(b.substring(s0));
|
|
|
|
|
|
|
|
// Find all numbers in a.
|
|
|
|
for (i = 0, n = q.length; (m = d3_interpolate_number.exec(a)) && i < n; ++i) {
|
|
|
|
o = q[i];
|
|
|
|
if (o.x == m[0]) { // The numbers match, so coallesce.
|
|
|
|
if (o.i) {
|
|
|
|
if (s[o.i + 1] == null) { // This match is followed by another number.
|
|
|
|
s[o.i - 1] += o.x;
|
|
|
|
s.splice(o.i, 1);
|
|
|
|
for (j = i + 1; j < n; ++j) q[j].i--;
|
|
|
|
} else { // This match is followed by a string, so coallesce twice.
|
|
|
|
s[o.i - 1] += o.x + s[o.i + 1];
|
|
|
|
s.splice(o.i, 2);
|
|
|
|
for (j = i + 1; j < n; ++j) q[j].i -= 2;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
if (s[o.i + 1] == null) { // This match is followed by another number.
|
|
|
|
s[o.i] = o.x;
|
|
|
|
} else { // This match is followed by a string, so coallesce twice.
|
|
|
|
s[o.i] = o.x + s[o.i + 1];
|
|
|
|
s.splice(o.i + 1, 1);
|
|
|
|
for (j = i + 1; j < n; ++j) q[j].i--;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
q.splice(i, 1);
|
|
|
|
n--;
|
|
|
|
i--;
|
|
|
|
} else {
|
|
|
|
o.x = d3.interpolateNumber(parseFloat(m[0]), parseFloat(o.x));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Remove any numbers in b not found in a.
|
|
|
|
while (i < n) {
|
|
|
|
o = q.pop();
|
|
|
|
if (s[o.i + 1] == null) { // This match is followed by another number.
|
|
|
|
s[o.i] = o.x;
|
|
|
|
} else { // This match is followed by a string, so coallesce twice.
|
|
|
|
s[o.i] = o.x + s[o.i + 1];
|
|
|
|
s.splice(o.i + 1, 1);
|
|
|
|
}
|
|
|
|
n--;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Special optimization for only a single match.
|
|
|
|
if (s.length == 1) {
|
|
|
|
return s[0] == null ? q[0].x : function() { return b; };
|
|
|
|
}
|
|
|
|
|
|
|
|
// Otherwise, interpolate each of the numbers and rejoin the string.
|
|
|
|
return function(t) {
|
|
|
|
for (i = 0; i < n; ++i) s[(o = q[i]).i] = o.x(t);
|
|
|
|
return s.join("");
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.interpolateRgb = function(a, b) {
|
|
|
|
a = d3_rgb(a);
|
|
|
|
b = d3_rgb(b);
|
|
|
|
var ar = a.r,
|
|
|
|
ag = a.g,
|
|
|
|
ab = a.b,
|
|
|
|
br = b.r - ar,
|
|
|
|
bg = b.g - ag,
|
|
|
|
bb = b.b - ab;
|
|
|
|
return function(t) {
|
|
|
|
return "rgb(" + Math.round(ar + br * t)
|
|
|
|
+ "," + Math.round(ag + bg * t)
|
|
|
|
+ "," + Math.round(ab + bb * t)
|
|
|
|
+ ")";
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.interpolateArray = function(a, b) {
|
|
|
|
var x = [],
|
|
|
|
c = [],
|
|
|
|
na = a.length,
|
|
|
|
nb = b.length,
|
|
|
|
n0 = Math.min(a.length, b.length),
|
|
|
|
i;
|
|
|
|
for (i = 0; i < n0; ++i) x.push(d3.interpolate(a[i], b[i]));
|
|
|
|
for (; i < na; ++i) c[i] = a[i];
|
|
|
|
for (; i < nb; ++i) c[i] = b[i];
|
|
|
|
return function(t) {
|
|
|
|
for (i = 0; i < n0; ++i) c[i] = x[i](t);
|
|
|
|
return c;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.interpolateObject = function(a, b) {
|
|
|
|
var i = {},
|
|
|
|
c = {},
|
|
|
|
k;
|
|
|
|
for (k in a) {
|
|
|
|
if (k in b) {
|
|
|
|
i[k] = d3_interpolateByName(k)(a[k], b[k]);
|
|
|
|
} else {
|
|
|
|
c[k] = a[k];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for (k in b) {
|
|
|
|
if (!(k in a)) {
|
|
|
|
c[k] = b[k];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return function(t) {
|
|
|
|
for (k in i) c[k] = i[k](t);
|
|
|
|
return c;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
var d3_interpolate_number = /[-+]?(?:\d+\.\d+|\d+\.|\.\d+|\d+)(?:[eE][-]?\d+)?/g,
|
|
|
|
d3_interpolate_digits = /[-+]?\d*\.?\d*(?:[eE][-]?\d+)?(.*)/,
|
|
|
|
d3_interpolate_rgb = {background: 1, fill: 1, stroke: 1};
|
|
|
|
|
|
|
|
function d3_interpolateByName(n) {
|
|
|
|
return n in d3_interpolate_rgb || /\bcolor\b/.test(n)
|
|
|
|
? d3.interpolateRgb
|
|
|
|
: d3.interpolate;
|
|
|
|
}
|
|
|
|
function d3_rgb(format) {
|
|
|
|
var r, // red channel; int in [0, 255]
|
|
|
|
g, // green channel; int in [0, 255]
|
|
|
|
b, // blue channel; int in [0, 255]
|
|
|
|
m1, // CSS color specification match
|
|
|
|
m2, // CSS color specification type (e.g., rgb)
|
|
|
|
name;
|
|
|
|
|
|
|
|
/* Handle hsl, rgb. */
|
|
|
|
m1 = /([a-z]+)\((.*)\)/i.exec(format);
|
|
|
|
if (m1) {
|
|
|
|
m2 = m1[2].split(",");
|
|
|
|
switch (m1[1]) {
|
|
|
|
case "hsl": {
|
|
|
|
return d3_rgb_hsl(
|
|
|
|
parseFloat(m2[0]), // degrees
|
|
|
|
parseFloat(m2[1]) / 100, // percentage
|
|
|
|
parseFloat(m2[2]) / 100); // percentage
|
|
|
|
}
|
|
|
|
case "rgb": {
|
|
|
|
return {
|
|
|
|
r: d3_rgb_parse(m2[0]),
|
|
|
|
g: d3_rgb_parse(m2[1]),
|
|
|
|
b: d3_rgb_parse(m2[2])
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Named colors. */
|
|
|
|
if (name = d3_rgb_names[format]) return name;
|
|
|
|
|
|
|
|
/* Null or undefined. */
|
|
|
|
if (format == null) return d3_rgb_names.black;
|
|
|
|
|
|
|
|
/* Hexadecimal colors: #rgb and #rrggbb. */
|
|
|
|
if (format.charAt(0) == "#") {
|
|
|
|
if (format.length == 4) {
|
|
|
|
r = format.charAt(1); r += r;
|
|
|
|
g = format.charAt(2); g += g;
|
|
|
|
b = format.charAt(3); b += b;
|
|
|
|
} else if (format.length == 7) {
|
|
|
|
r = format.substring(1, 3);
|
|
|
|
g = format.substring(3, 5);
|
|
|
|
b = format.substring(5, 7);
|
|
|
|
}
|
|
|
|
r = parseInt(r, 16);
|
|
|
|
g = parseInt(g, 16);
|
|
|
|
b = parseInt(b, 16);
|
|
|
|
}
|
|
|
|
|
|
|
|
return {r: r, g: g, b: b};
|
|
|
|
};
|
|
|
|
|
|
|
|
function d3_rgb_hsl(h, s, l) {
|
|
|
|
var m1,
|
|
|
|
m2;
|
|
|
|
|
|
|
|
/* Some simple corrections for h, s and l. */
|
|
|
|
h = h % 360; if (h < 0) h += 360;
|
|
|
|
s = s < 0 ? 0 : s > 1 ? 1 : s;
|
|
|
|
l = l < 0 ? 0 : l > 1 ? 1 : l;
|
|
|
|
|
|
|
|
/* From FvD 13.37, CSS Color Module Level 3 */
|
|
|
|
m2 = l <= .5 ? l * (1 + s) : l + s - l * s;
|
|
|
|
m1 = 2 * l - m2;
|
|
|
|
|
|
|
|
function v(h) {
|
|
|
|
if (h > 360) h -= 360;
|
|
|
|
else if (h < 0) h += 360;
|
|
|
|
if (h < 60) return m1 + (m2 - m1) * h / 60;
|
|
|
|
if (h < 180) return m2;
|
|
|
|
if (h < 240) return m1 + (m2 - m1) * (240 - h) / 60;
|
|
|
|
return m1;
|
|
|
|
}
|
|
|
|
|
|
|
|
function vv(h) {
|
|
|
|
return Math.round(v(h) * 255);
|
|
|
|
}
|
|
|
|
|
|
|
|
return {r: vv(h + 120), g: vv(h), b: vv(h - 120)};
|
|
|
|
}
|
|
|
|
|
|
|
|
function d3_rgb_parse(c) { // either integer or percentage
|
|
|
|
var f = parseFloat(c);
|
|
|
|
return c.charAt(c.length - 1) == "%" ? Math.round(f * 2.55) : f;
|
|
|
|
}
|
|
|
|
|
|
|
|
var d3_rgb_names = {
|
2010-10-31 02:30:10 +04:00
|
|
|
"aliceblue": "#f0f8ff",
|
|
|
|
"antiquewhite": "#faebd7",
|
|
|
|
"aqua": "#00ffff",
|
|
|
|
"aquamarine": "#7fffd4",
|
|
|
|
"azure": "#f0ffff",
|
|
|
|
"beige": "#f5f5dc",
|
|
|
|
"bisque": "#ffe4c4",
|
|
|
|
"black": "#000000",
|
|
|
|
"blanchedalmond": "#ffebcd",
|
|
|
|
"blue": "#0000ff",
|
|
|
|
"blueviolet": "#8a2be2",
|
|
|
|
"brown": "#a52a2a",
|
|
|
|
"burlywood": "#deb887",
|
|
|
|
"cadetblue": "#5f9ea0",
|
|
|
|
"chartreuse": "#7fff00",
|
|
|
|
"chocolate": "#d2691e",
|
|
|
|
"coral": "#ff7f50",
|
|
|
|
"cornflowerblue": "#6495ed",
|
|
|
|
"cornsilk": "#fff8dc",
|
|
|
|
"crimson": "#dc143c",
|
|
|
|
"cyan": "#00ffff",
|
|
|
|
"darkblue": "#00008b",
|
|
|
|
"darkcyan": "#008b8b",
|
|
|
|
"darkgoldenrod": "#b8860b",
|
|
|
|
"darkgray": "#a9a9a9",
|
|
|
|
"darkgreen": "#006400",
|
|
|
|
"darkgrey": "#a9a9a9",
|
|
|
|
"darkkhaki": "#bdb76b",
|
|
|
|
"darkmagenta": "#8b008b",
|
|
|
|
"darkolivegreen": "#556b2f",
|
|
|
|
"darkorange": "#ff8c00",
|
|
|
|
"darkorchid": "#9932cc",
|
|
|
|
"darkred": "#8b0000",
|
|
|
|
"darksalmon": "#e9967a",
|
|
|
|
"darkseagreen": "#8fbc8f",
|
|
|
|
"darkslateblue": "#483d8b",
|
|
|
|
"darkslategray": "#2f4f4f",
|
|
|
|
"darkslategrey": "#2f4f4f",
|
|
|
|
"darkturquoise": "#00ced1",
|
|
|
|
"darkviolet": "#9400d3",
|
|
|
|
"deeppink": "#ff1493",
|
|
|
|
"deepskyblue": "#00bfff",
|
|
|
|
"dimgray": "#696969",
|
|
|
|
"dimgrey": "#696969",
|
|
|
|
"dodgerblue": "#1e90ff",
|
|
|
|
"firebrick": "#b22222",
|
|
|
|
"floralwhite": "#fffaf0",
|
|
|
|
"forestgreen": "#228b22",
|
|
|
|
"fuchsia": "#ff00ff",
|
|
|
|
"gainsboro": "#dcdcdc",
|
|
|
|
"ghostwhite": "#f8f8ff",
|
|
|
|
"gold": "#ffd700",
|
|
|
|
"goldenrod": "#daa520",
|
|
|
|
"gray": "#808080",
|
|
|
|
"green": "#008000",
|
|
|
|
"greenyellow": "#adff2f",
|
|
|
|
"grey": "#808080",
|
|
|
|
"honeydew": "#f0fff0",
|
|
|
|
"hotpink": "#ff69b4",
|
|
|
|
"indianred": "#cd5c5c",
|
|
|
|
"indigo": "#4b0082",
|
|
|
|
"ivory": "#fffff0",
|
|
|
|
"khaki": "#f0e68c",
|
|
|
|
"lavender": "#e6e6fa",
|
|
|
|
"lavenderblush": "#fff0f5",
|
|
|
|
"lawngreen": "#7cfc00",
|
|
|
|
"lemonchiffon": "#fffacd",
|
|
|
|
"lightblue": "#add8e6",
|
|
|
|
"lightcoral": "#f08080",
|
|
|
|
"lightcyan": "#e0ffff",
|
|
|
|
"lightgoldenrodyellow": "#fafad2",
|
|
|
|
"lightgray": "#d3d3d3",
|
|
|
|
"lightgreen": "#90ee90",
|
|
|
|
"lightgrey": "#d3d3d3",
|
|
|
|
"lightpink": "#ffb6c1",
|
|
|
|
"lightsalmon": "#ffa07a",
|
|
|
|
"lightseagreen": "#20b2aa",
|
|
|
|
"lightskyblue": "#87cefa",
|
|
|
|
"lightslategray": "#778899",
|
|
|
|
"lightslategrey": "#778899",
|
|
|
|
"lightsteelblue": "#b0c4de",
|
|
|
|
"lightyellow": "#ffffe0",
|
|
|
|
"lime": "#00ff00",
|
|
|
|
"limegreen": "#32cd32",
|
|
|
|
"linen": "#faf0e6",
|
|
|
|
"magenta": "#ff00ff",
|
|
|
|
"maroon": "#800000",
|
|
|
|
"mediumaquamarine": "#66cdaa",
|
|
|
|
"mediumblue": "#0000cd",
|
|
|
|
"mediumorchid": "#ba55d3",
|
|
|
|
"mediumpurple": "#9370db",
|
|
|
|
"mediumseagreen": "#3cb371",
|
|
|
|
"mediumslateblue": "#7b68ee",
|
|
|
|
"mediumspringgreen": "#00fa9a",
|
|
|
|
"mediumturquoise": "#48d1cc",
|
|
|
|
"mediumvioletred": "#c71585",
|
|
|
|
"midnightblue": "#191970",
|
|
|
|
"mintcream": "#f5fffa",
|
|
|
|
"mistyrose": "#ffe4e1",
|
|
|
|
"moccasin": "#ffe4b5",
|
|
|
|
"navajowhite": "#ffdead",
|
|
|
|
"navy": "#000080",
|
|
|
|
"oldlace": "#fdf5e6",
|
|
|
|
"olive": "#808000",
|
|
|
|
"olivedrab": "#6b8e23",
|
|
|
|
"orange": "#ffa500",
|
|
|
|
"orangered": "#ff4500",
|
|
|
|
"orchid": "#da70d6",
|
|
|
|
"palegoldenrod": "#eee8aa",
|
|
|
|
"palegreen": "#98fb98",
|
|
|
|
"paleturquoise": "#afeeee",
|
|
|
|
"palevioletred": "#db7093",
|
|
|
|
"papayawhip": "#ffefd5",
|
|
|
|
"peachpuff": "#ffdab9",
|
|
|
|
"peru": "#cd853f",
|
|
|
|
"pink": "#ffc0cb",
|
|
|
|
"plum": "#dda0dd",
|
|
|
|
"powderblue": "#b0e0e6",
|
|
|
|
"purple": "#800080",
|
|
|
|
"red": "#ff0000",
|
|
|
|
"rosybrown": "#bc8f8f",
|
|
|
|
"royalblue": "#4169e1",
|
|
|
|
"saddlebrown": "#8b4513",
|
|
|
|
"salmon": "#fa8072",
|
|
|
|
"sandybrown": "#f4a460",
|
|
|
|
"seagreen": "#2e8b57",
|
|
|
|
"seashell": "#fff5ee",
|
|
|
|
"sienna": "#a0522d",
|
|
|
|
"silver": "#c0c0c0",
|
|
|
|
"skyblue": "#87ceeb",
|
|
|
|
"slateblue": "#6a5acd",
|
|
|
|
"slategray": "#708090",
|
|
|
|
"slategrey": "#708090",
|
|
|
|
"snow": "#fffafa",
|
|
|
|
"springgreen": "#00ff7f",
|
|
|
|
"steelblue": "#4682b4",
|
|
|
|
"tan": "#d2b48c",
|
|
|
|
"teal": "#008080",
|
|
|
|
"thistle": "#d8bfd8",
|
|
|
|
"tomato": "#ff6347",
|
|
|
|
"turquoise": "#40e0d0",
|
|
|
|
"violet": "#ee82ee",
|
|
|
|
"wheat": "#f5deb3",
|
|
|
|
"white": "#ffffff",
|
|
|
|
"whitesmoke": "#f5f5f5",
|
|
|
|
"yellow": "#ffff00",
|
|
|
|
"yellowgreen": "#9acd32"
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
for (var x in d3_rgb_names) d3_rgb_names[x] = d3_rgb(d3_rgb_names[x]);
|
2010-10-07 02:20:38 +04:00
|
|
|
d3.hsl = function(h, s, l) {
|
|
|
|
var c = d3_rgb_hsl(h, s, l);
|
|
|
|
return "rgb(" + c.r + "," + c.g + "," + c.b + ")";
|
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
var d3_root = d3_selection([[document]]);
|
2010-10-25 01:03:12 +04:00
|
|
|
d3_root[0].parentNode = document.documentElement;
|
2010-10-31 02:30:10 +04:00
|
|
|
|
2010-10-24 22:10:51 +04:00
|
|
|
// TODO fast singleton implementation!
|
2010-10-24 07:32:16 +04:00
|
|
|
d3.select = function(query) {
|
|
|
|
return typeof query == "string"
|
|
|
|
? d3_root.select(query)
|
|
|
|
: d3_selection([[query]]); // assume node
|
|
|
|
};
|
2010-10-31 02:30:10 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
d3.selectAll = function(query) {
|
|
|
|
return typeof query == "string"
|
|
|
|
? d3_root.selectAll(query)
|
|
|
|
: d3_selection([d3_array(query)]); // assume node[]
|
|
|
|
};
|
2010-10-31 02:30:10 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
function d3_selection(groups) {
|
|
|
|
var i = -1,
|
|
|
|
n = groups.length,
|
|
|
|
group;
|
|
|
|
|
|
|
|
function select(select) {
|
|
|
|
var subgroups = [],
|
|
|
|
subgroup,
|
|
|
|
subnode,
|
|
|
|
group,
|
|
|
|
node;
|
|
|
|
for (var j = 0, m = groups.length; j < m; j++) {
|
|
|
|
group = groups[j];
|
|
|
|
subgroups.push(subgroup = []);
|
2010-10-24 23:13:15 +04:00
|
|
|
subgroup.parentNode = group.parentNode;
|
2010-10-24 07:32:16 +04:00
|
|
|
subgroup.parentData = group.parentData;
|
|
|
|
for (var i = 0, n = group.length; i < n; i++) {
|
|
|
|
if (node = group[i]) {
|
|
|
|
subgroup.push(subnode = select(node));
|
|
|
|
if (subnode) subnode.__data__ = node.__data__;
|
2010-10-24 22:43:32 +04:00
|
|
|
} else {
|
|
|
|
subgroup.push(null);
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return d3_selection(subgroups);
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
function selectAll(selectAll) {
|
|
|
|
var subgroups = [],
|
|
|
|
subgroup,
|
|
|
|
group,
|
|
|
|
node;
|
|
|
|
for (var j = 0, m = groups.length; j < m; j++) {
|
|
|
|
group = groups[j];
|
|
|
|
for (var i = 0, n = group.length; i < n; i++) {
|
|
|
|
if (node = group[i]) {
|
|
|
|
subgroups.push(subgroup = selectAll(node));
|
|
|
|
subgroup.parentNode = node;
|
|
|
|
subgroup.parentData = node.__data__;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return d3_selection(subgroups);
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO select(function)?
|
|
|
|
groups.select = function(query) {
|
|
|
|
return select(function(node) {
|
|
|
|
return node.querySelector(query);
|
|
|
|
});
|
|
|
|
};
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO selectAll(function)?
|
|
|
|
groups.selectAll = function(query) {
|
|
|
|
return selectAll(function(node) {
|
|
|
|
return d3_array(node.querySelectorAll(query));
|
|
|
|
});
|
|
|
|
};
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO data(null) for clearing data?
|
|
|
|
groups.data = function(data, join) {
|
|
|
|
var i = -1,
|
|
|
|
n = groups.length,
|
|
|
|
group,
|
|
|
|
enter = [],
|
|
|
|
update = [],
|
|
|
|
exit = [];
|
|
|
|
|
2010-10-25 04:09:32 +04:00
|
|
|
if (typeof join == "string") join = d3_selection_join(join);
|
2010-10-24 07:32:16 +04:00
|
|
|
|
|
|
|
function bind(group, groupData) {
|
|
|
|
var i = 0,
|
|
|
|
n = group.length,
|
|
|
|
m = groupData.length,
|
|
|
|
n0 = Math.min(n, m),
|
|
|
|
n1 = Math.max(n, m),
|
|
|
|
updateNodes = [],
|
|
|
|
enterNodes = [],
|
|
|
|
exitNodes = [],
|
|
|
|
node,
|
|
|
|
nodeData;
|
|
|
|
|
2010-10-24 23:13:15 +04:00
|
|
|
function enterAppend(e) {
|
|
|
|
return group.parentNode.appendChild(e);
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
if (join) {
|
|
|
|
var nodeByKey = {},
|
|
|
|
exitData = [],
|
|
|
|
keys = [],
|
2010-10-27 09:48:37 +04:00
|
|
|
key,
|
|
|
|
j = groupData.length;
|
2010-10-21 23:53:56 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
for (i = 0; i < n; i++) {
|
2010-10-27 09:48:37 +04:00
|
|
|
key = join.nodeKey(node = group[i]);
|
|
|
|
if (key in nodeByKey) {
|
|
|
|
exitNodes[j++] = group[i];
|
|
|
|
} else {
|
|
|
|
nodeByKey[key] = node;
|
|
|
|
keys.push(key);
|
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
for (i = 0; i < m; i++) {
|
2010-10-24 21:56:29 +04:00
|
|
|
node = nodeByKey[key = join.dataKey(nodeData = groupData[i])];
|
2010-10-24 07:32:16 +04:00
|
|
|
if (node) {
|
|
|
|
node.__data__ = nodeData;
|
|
|
|
updateNodes[i] = node;
|
|
|
|
enterNodes[i] = exitNodes[i] = null;
|
|
|
|
} else {
|
2010-10-24 23:13:15 +04:00
|
|
|
enterNodes[i] = {appendChild: enterAppend, __data__: nodeData},
|
2010-10-24 07:32:16 +04:00
|
|
|
updateNodes[i] = exitNodes[i] = null;
|
|
|
|
}
|
|
|
|
delete nodeByKey[key];
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
for (i = 0; i < n; i++) {
|
|
|
|
if (keys[i] in nodeByKey) {
|
|
|
|
exitNodes[i] = group[i];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
for (; i < n0; i++) {
|
2010-10-24 22:43:32 +04:00
|
|
|
node = group[i];
|
|
|
|
nodeData = groupData[i];
|
|
|
|
if (node) {
|
|
|
|
node.__data__ = nodeData;
|
|
|
|
updateNodes[i] = node;
|
|
|
|
enterNodes[i] = exitNodes[i] = null;
|
|
|
|
} else {
|
2010-10-24 23:13:15 +04:00
|
|
|
enterNodes[i] = {appendChild: enterAppend, __data__: nodeData};
|
2010-10-24 22:43:32 +04:00
|
|
|
updateNodes[i] = exitNodes[i] = null;
|
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
|
|
|
for (; i < m; i++) {
|
2010-10-24 23:13:15 +04:00
|
|
|
enterNodes[i] = {appendChild: enterAppend, __data__: groupData[i]};
|
2010-10-24 07:32:16 +04:00
|
|
|
updateNodes[i] = exitNodes[i] = null;
|
|
|
|
}
|
|
|
|
for (; i < n1; i++) {
|
|
|
|
exitNodes[i] = group[i];
|
|
|
|
enterNodes[i] = updateNodes[i] = null;
|
|
|
|
}
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-25 01:03:12 +04:00
|
|
|
enterNodes.parentNode
|
|
|
|
= updateNodes.parentNode
|
|
|
|
= exitNodes.parentNode
|
|
|
|
= group.parentNode;
|
|
|
|
|
|
|
|
enterNodes.parentData
|
|
|
|
= updateNodes.parentData
|
|
|
|
= exitNodes.parentData
|
|
|
|
= group.parentData;
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
enter.push(enterNodes);
|
|
|
|
update.push(updateNodes);
|
|
|
|
exit.push(exitNodes);
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
if (typeof data == "function") {
|
|
|
|
while (++i < n) {
|
2010-10-24 22:43:32 +04:00
|
|
|
bind(group = groups[i], data.call(group, group.parentData, i));
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
|
|
|
} else {
|
|
|
|
while (++i < n) {
|
|
|
|
bind(group = groups[i], data);
|
|
|
|
}
|
|
|
|
}
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
var selection = d3_selection(update);
|
|
|
|
selection.enter = function(name) {
|
|
|
|
return d3_selection(enter).append(name);
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
selection.exit = function() {
|
|
|
|
return d3_selection(exit);
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
return selection;
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO mask forEach? or rename for eachData?
|
|
|
|
// TODO offer the same semantics for map, reduce, etc.?
|
|
|
|
groups.each = function(callback) {
|
|
|
|
for (var j = 0, m = groups.length; j < m; j++) {
|
|
|
|
var group = groups[j];
|
|
|
|
for (var i = 0, n = group.length; i < n; i++) {
|
|
|
|
var node = group[i];
|
|
|
|
if (node) callback.call(node, node.__data__, i);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return groups;
|
2010-09-28 22:26:55 +04:00
|
|
|
};
|
|
|
|
|
2010-10-24 22:10:51 +04:00
|
|
|
function first(callback) {
|
|
|
|
for (var j = 0, m = groups.length; j < m; j++) {
|
|
|
|
var group = groups[j];
|
|
|
|
for (var i = 0, n = group.length; i < n; i++) {
|
|
|
|
var node = group[i];
|
|
|
|
if (node) return callback.call(node, node.__data__, i);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
groups.attr = function(name, value) {
|
|
|
|
name = d3.ns.qualify(name);
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 22:43:32 +04:00
|
|
|
// If no value is specified, return the first value.
|
2010-10-24 22:10:51 +04:00
|
|
|
if (arguments.length < 2) {
|
|
|
|
return first(name.local
|
|
|
|
? function() { return this.getAttributeNS(name.space, name.local); }
|
|
|
|
: function() { return this.getAttribute(name); });
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrNull() {
|
|
|
|
this.removeAttribute(name);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrNullNS() {
|
|
|
|
this.removeAttributeNS(name.space, name.local);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrConstant() {
|
|
|
|
this.setAttribute(name, value);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrConstantNS() {
|
|
|
|
this.setAttributeNS(name.space, name.local, value);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrFunction() {
|
|
|
|
var x = value.apply(this, arguments);
|
|
|
|
if (x == null) this.removeAttribute(name);
|
|
|
|
else this.setAttribute(name, x);
|
2010-10-21 23:53:56 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function attrFunctionNS() {
|
|
|
|
var x = value.apply(this, arguments);
|
|
|
|
if (x == null) this.removeAttributeNS(name.space, name.local);
|
|
|
|
else this.setAttributeNS(name.space, name.local, x);
|
2010-10-21 23:53:56 +04:00
|
|
|
}
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
return groups.each(value == null
|
|
|
|
? (name.local ? attrNullNS : attrNull) : (typeof value == "function"
|
|
|
|
? (name.local ? attrFunctionNS : attrFunction)
|
|
|
|
: (name.local ? attrConstantNS : attrConstant)));
|
|
|
|
};
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
groups.style = function(name, value, priority) {
|
|
|
|
if (arguments.length < 3) priority = null;
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 22:43:32 +04:00
|
|
|
// If no value is specified, return the first value.
|
2010-10-24 22:10:51 +04:00
|
|
|
if (arguments.length < 2) {
|
|
|
|
return first(function() {
|
|
|
|
return window.getComputedStyle(this, null).getPropertyValue(name);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function styleNull() {
|
|
|
|
this.style.removeProperty(name);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function styleConstant() {
|
|
|
|
this.style.setProperty(name, value, priority);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function styleFunction() {
|
|
|
|
var x = value.apply(this, arguments);
|
|
|
|
if (x == null) this.style.removeProperty(name);
|
|
|
|
else this.style.setProperty(name, x, priority);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
|
|
|
return groups.each(value == null
|
|
|
|
? styleNull : (typeof value == "function"
|
|
|
|
? styleFunction : styleConstant));
|
|
|
|
};
|
|
|
|
|
2010-10-27 02:32:41 +04:00
|
|
|
groups.property = function(name, value) {
|
|
|
|
name = d3.ns.qualify(name);
|
|
|
|
|
|
|
|
// If no value is specified, return the first value.
|
|
|
|
if (arguments.length < 2) {
|
|
|
|
return first(function() {
|
|
|
|
return this[name];
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-27 02:32:41 +04:00
|
|
|
function propertyNull() {
|
|
|
|
delete this[name];
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-27 02:32:41 +04:00
|
|
|
function propertyConstant() {
|
|
|
|
this[name] = value;
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-27 02:32:41 +04:00
|
|
|
function propertyFunction() {
|
|
|
|
var x = value.apply(this, arguments);
|
|
|
|
if (x == null) delete this[name];
|
|
|
|
else this[name] = x;
|
|
|
|
}
|
|
|
|
|
|
|
|
return groups.each(value == null
|
|
|
|
? propertyNull : (typeof value == "function"
|
|
|
|
? propertyFunction : propertyConstant));
|
|
|
|
};
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
groups.text = function(value) {
|
|
|
|
|
2010-10-24 22:43:32 +04:00
|
|
|
// If no value is specified, return the first value.
|
2010-10-24 22:10:51 +04:00
|
|
|
if (arguments.length < 1) {
|
|
|
|
return first(function() {
|
|
|
|
return this.textContent;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function textNull() {
|
|
|
|
while (this.lastChild) this.removeChild(this.lastChild);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function textConstant() {
|
|
|
|
this.appendChild(document.createTextNode(value));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function textFunction() {
|
|
|
|
var x = value.apply(this, arguments);
|
|
|
|
if (x != null) this.appendChild(document.createTextNode(x));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
groups.each(textNull);
|
|
|
|
return value == null ? groups
|
|
|
|
: groups.each(typeof value == "function"
|
|
|
|
? textFunction : textConstant);
|
|
|
|
};
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
groups.html = function(value) {
|
|
|
|
|
2010-10-24 22:43:32 +04:00
|
|
|
// If no value is specified, return the first value.
|
2010-10-24 22:10:51 +04:00
|
|
|
if (arguments.length < 1) {
|
|
|
|
return first(function() {
|
|
|
|
return this.innerHTML;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function htmlConstant() {
|
|
|
|
this.innerHTML = value;
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:32:16 +04:00
|
|
|
function htmlFunction() {
|
|
|
|
this.innerHTML = value.apply(this, arguments);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
|
|
|
return groups.each(typeof value == "function"
|
|
|
|
? htmlFunction : htmlConstant);
|
|
|
|
};
|
|
|
|
|
|
|
|
// TODO append(node)?
|
|
|
|
// TODO append(function)?
|
|
|
|
groups.append = function(name) {
|
|
|
|
name = d3.ns.qualify(name);
|
|
|
|
|
|
|
|
function append(node) {
|
|
|
|
return node.appendChild(document.createElement(name));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
|
|
|
function appendNS(node) {
|
|
|
|
return node.appendChild(document.createElementNS(name.space, name.local));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
return select(name.local ? appendNS : append);
|
|
|
|
};
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO remove(query)?
|
|
|
|
// TODO remove(node)?
|
|
|
|
// TODO remove(function)?
|
|
|
|
groups.remove = function() {
|
|
|
|
return select(function(node) {
|
|
|
|
var parent = node.parentNode;
|
|
|
|
parent.removeChild(node);
|
|
|
|
return parent;
|
|
|
|
});
|
|
|
|
};
|
2010-09-29 10:18:51 +04:00
|
|
|
|
2010-11-02 09:28:27 +03:00
|
|
|
groups.sort = function(comparator) {
|
|
|
|
comparator = d3_comparator.apply(this, arguments);
|
|
|
|
for (var j = 0, m = groups.length; j < m; j++) {
|
|
|
|
var group = groups[j];
|
|
|
|
group.sort(comparator);
|
|
|
|
for (var i = 1, n = group.length, prev = group[0]; i < n; i++) {
|
|
|
|
var node = group[i];
|
|
|
|
if (node) {
|
|
|
|
if (prev) prev.parentNode.insertBefore(node, prev.nextSibling);
|
|
|
|
prev = node;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return groups;
|
|
|
|
};
|
|
|
|
|
2010-10-24 21:56:29 +04:00
|
|
|
// TODO namespaced event listeners to allow multiples
|
|
|
|
groups.on = function(type, listener) {
|
|
|
|
type = "on" + type;
|
|
|
|
return groups.each(function(d, i) {
|
|
|
|
this[type] = function(e) {
|
|
|
|
d3.event = e;
|
|
|
|
try {
|
|
|
|
listener.call(this, d, i);
|
|
|
|
} finally {
|
|
|
|
d3.event = null;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
|
|
|
|
// TODO filter, slice?
|
|
|
|
|
2010-10-25 03:03:35 +04:00
|
|
|
groups.transition = function(name) {
|
|
|
|
return d3_transition(groups, name);
|
2010-10-24 07:32:16 +04:00
|
|
|
};
|
|
|
|
|
2010-10-27 02:32:41 +04:00
|
|
|
groups.call = d3_call;
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
return groups;
|
2010-09-29 10:18:51 +04:00
|
|
|
}
|
2010-10-25 04:09:32 +04:00
|
|
|
|
|
|
|
// TODO support namespaces for key?
|
|
|
|
function d3_selection_join(key) {
|
|
|
|
return {
|
|
|
|
nodeKey: function(node) { return node.getAttribute(key); },
|
|
|
|
dataKey: function(data) { return data[key]; }
|
|
|
|
};
|
|
|
|
}
|
2010-11-02 09:28:27 +03:00
|
|
|
|
|
|
|
function d3_comparator(comparator) {
|
|
|
|
if (!arguments.length) comparator = d3_ascending;
|
|
|
|
return function(a, b) {
|
|
|
|
return comparator(a && a.__data__, b && b.__data__);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function d3_ascending(a, b) {
|
|
|
|
return a < b ? -1 : a > b ? 1 : 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
function d3_descending(a, b) {
|
|
|
|
return a < b ? 1 : a > b ? -1 : 0;
|
|
|
|
}
|
2010-10-25 03:03:35 +04:00
|
|
|
d3.transition = d3_root.transition;
|
2010-09-28 22:26:55 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
// TODO namespace transitions; cancel collisions
|
2010-10-25 03:03:35 +04:00
|
|
|
function d3_transition(groups, name) {
|
2010-10-24 07:32:16 +04:00
|
|
|
var transition = {},
|
|
|
|
tweens = {},
|
2010-10-24 23:37:59 +04:00
|
|
|
event = d3.dispatch("start", "end"),
|
2010-10-24 07:32:16 +04:00
|
|
|
stage = [],
|
|
|
|
delay = [],
|
|
|
|
duration = [],
|
2010-10-24 07:46:17 +04:00
|
|
|
durationMax,
|
|
|
|
ease = d3.ease("cubic-in-out");
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-25 02:27:04 +04:00
|
|
|
function step(elapsed) {
|
|
|
|
var clear = true,
|
2010-10-24 07:32:16 +04:00
|
|
|
k = -1;
|
|
|
|
groups.each(function(d, i) {
|
|
|
|
if (stage[++k] == 2) return; // ended
|
2010-10-24 07:46:17 +04:00
|
|
|
var t = (elapsed - delay[k]) / duration[k];
|
2010-10-24 07:32:16 +04:00
|
|
|
if (t >= 1) {
|
|
|
|
t = 1;
|
|
|
|
} else {
|
|
|
|
clear = false;
|
|
|
|
if (t < 0) return;
|
|
|
|
if (!stage[k]) {
|
|
|
|
stage[k] = 1;
|
|
|
|
event.start.dispatch.apply(this, arguments);
|
|
|
|
}
|
|
|
|
}
|
2010-10-24 07:46:17 +04:00
|
|
|
var te = ease(t);
|
|
|
|
for (var key in tweens) tweens[key].call(this, te, k);
|
2010-10-24 07:32:16 +04:00
|
|
|
if (t == 1) {
|
|
|
|
stage[k] = 2;
|
|
|
|
event.end.dispatch.apply(this, arguments);
|
|
|
|
}
|
|
|
|
});
|
2010-10-25 02:27:04 +04:00
|
|
|
return clear;
|
2010-10-24 07:32:16 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
transition.delay = function(value) {
|
|
|
|
var delayMin = Infinity,
|
|
|
|
k = -1;
|
|
|
|
if (typeof value == "function") {
|
|
|
|
groups.each(function(d, i) {
|
|
|
|
var x = delay[++k] = +value.apply(this, arguments);
|
|
|
|
if (x < delayMin) delayMin = x;
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
delayMin = +value;
|
|
|
|
groups.each(function(d, i) {
|
|
|
|
delay[++k] = delayMin;
|
|
|
|
});
|
2010-09-29 10:18:51 +04:00
|
|
|
}
|
2010-10-25 02:27:04 +04:00
|
|
|
d3_timer(step, delayMin);
|
2010-10-24 07:32:16 +04:00
|
|
|
return transition;
|
2010-09-29 10:18:51 +04:00
|
|
|
};
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
transition.duration = function(value) {
|
|
|
|
var k = -1;
|
|
|
|
if (typeof value == "function") {
|
|
|
|
durationMax = 0;
|
|
|
|
groups.each(function(d, i) {
|
|
|
|
var x = duration[++k] = +value.apply(this, arguments);
|
|
|
|
if (x > durationMax) durationMax = x;
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
durationMax = +value;
|
|
|
|
groups.each(function(d, i) {
|
|
|
|
duration[++k] = durationMax;
|
|
|
|
});
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
return transition;
|
|
|
|
};
|
|
|
|
|
2010-10-24 07:46:17 +04:00
|
|
|
transition.ease = function(value) {
|
2010-10-24 23:37:59 +04:00
|
|
|
ease = typeof value == "string" ? d3.ease(value) : value;
|
2010-10-24 07:46:17 +04:00
|
|
|
return transition;
|
|
|
|
};
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-24 21:39:34 +04:00
|
|
|
transition.attrTween = function(name, tween) {
|
2010-10-24 07:46:17 +04:00
|
|
|
var interpolators = [],
|
2010-10-24 07:32:16 +04:00
|
|
|
k = -1;
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 21:39:34 +04:00
|
|
|
function attrInterpolator(d, i) {
|
|
|
|
interpolators[++k] = tween.call(this, d, i,
|
|
|
|
this.getAttribute(name));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 21:39:34 +04:00
|
|
|
function attrInterpolatorNS(d, i) {
|
|
|
|
interpolators[++k] = tween.call(this, d, i,
|
|
|
|
this.getAttributeNS(name.space, name.local));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:46:17 +04:00
|
|
|
function attrTween(t, k) {
|
|
|
|
this.setAttribute(name, interpolators[k](t));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:46:17 +04:00
|
|
|
function attrTweenNS(t, k) {
|
|
|
|
this.setAttributeNS(name.space, name.local, interpolators[k](t));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-22 23:16:43 +04:00
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
name = d3.ns.qualify(name);
|
2010-10-24 21:39:34 +04:00
|
|
|
groups.each(name.local ? attrInterpolatorNS : attrInterpolator);
|
2010-10-24 07:46:17 +04:00
|
|
|
tweens["attr." + name] = name.local ? attrTweenNS : attrTween;
|
2010-10-24 07:32:16 +04:00
|
|
|
return transition;
|
|
|
|
};
|
|
|
|
|
2010-10-24 21:39:34 +04:00
|
|
|
transition.attr = function(name, value) {
|
|
|
|
return transition.attrTween(name, d3_tween(value));
|
|
|
|
};
|
|
|
|
|
|
|
|
transition.styleTween = function(name, tween, priority) {
|
2010-10-24 07:46:17 +04:00
|
|
|
var interpolators = [],
|
2010-10-24 07:32:16 +04:00
|
|
|
k = -1;
|
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 21:39:34 +04:00
|
|
|
function styleInterpolator(d, i) {
|
|
|
|
interpolators[++k] = tween.call(this, d, i,
|
|
|
|
window.getComputedStyle(this, null).getPropertyValue(name));
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-24 07:32:16 +04:00
|
|
|
|
2010-10-31 02:30:10 +04:00
|
|
|
/** @this {Element} */
|
2010-10-24 07:46:17 +04:00
|
|
|
function styleTween(t, k) {
|
|
|
|
this.style.setProperty(name, interpolators[k](t), priority);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
|
|
|
|
2010-10-24 21:39:34 +04:00
|
|
|
groups.each(styleInterpolator);
|
2010-10-24 07:46:17 +04:00
|
|
|
tweens["style." + name] = styleTween;
|
2010-10-24 07:32:16 +04:00
|
|
|
return transition;
|
|
|
|
};
|
|
|
|
|
2010-10-24 21:39:34 +04:00
|
|
|
transition.style = function(name, value, priority) {
|
|
|
|
return transition.styleTween(name, d3_tween(value), priority);
|
|
|
|
};
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
transition.select = function(query) {
|
2010-10-25 03:03:35 +04:00
|
|
|
var k, t = d3_transition(groups.select(query), name).ease(ease);
|
2010-10-24 07:32:16 +04:00
|
|
|
k = -1; t.delay(function(d, i) { return delay[++k]; });
|
|
|
|
k = -1; t.duration(function(d, i) { return duration[++k]; });
|
|
|
|
return t;
|
|
|
|
};
|
|
|
|
|
|
|
|
transition.selectAll = function(query) {
|
2010-10-25 03:03:35 +04:00
|
|
|
var k, t = d3_transition(groups.selectAll(query), name).ease(ease);
|
2010-10-24 07:32:16 +04:00
|
|
|
k = -1; t.delay(function(d, i) { return delay[i ? k : ++k]; })
|
|
|
|
k = -1; t.duration(function(d, i) { return duration[i ? k : ++k]; });
|
|
|
|
return t;
|
|
|
|
};
|
|
|
|
|
2010-10-24 23:13:15 +04:00
|
|
|
transition.each = function(type, listener) {
|
2010-10-24 07:32:16 +04:00
|
|
|
event[type].add(listener);
|
|
|
|
return transition;
|
|
|
|
};
|
|
|
|
|
2010-10-27 02:32:41 +04:00
|
|
|
transition.call = d3_call;
|
|
|
|
|
2010-10-24 07:32:16 +04:00
|
|
|
return transition.delay(0).duration(250);
|
2010-09-28 22:26:55 +04:00
|
|
|
}
|
2010-10-25 02:27:04 +04:00
|
|
|
var d3_timer_queue = null,
|
|
|
|
d3_timer_timeout = 0,
|
|
|
|
d3_timer_interval;
|
|
|
|
|
|
|
|
function d3_timer(callback, delay) {
|
|
|
|
var now = Date.now(),
|
|
|
|
found = false,
|
|
|
|
start = now + delay,
|
|
|
|
t0,
|
|
|
|
t1 = d3_timer_queue;
|
|
|
|
|
2010-10-29 20:58:33 +04:00
|
|
|
if (!isFinite(delay)) return;
|
|
|
|
|
2010-10-25 02:27:04 +04:00
|
|
|
// Scan the queue for earliest callback.
|
|
|
|
while (t1) {
|
|
|
|
if (t1.callback == callback) {
|
|
|
|
t1.then = now;
|
|
|
|
t1.delay = delay;
|
|
|
|
found = true;
|
|
|
|
} else {
|
|
|
|
var x = t1.then + t1.delay;
|
|
|
|
if (x < start) start = x;
|
|
|
|
}
|
|
|
|
t0 = t1;
|
|
|
|
t1 = t1.next;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Otherwise, add the callback to the queue.
|
|
|
|
if (!found) d3_timer_queue = {
|
|
|
|
callback: callback,
|
|
|
|
then: now,
|
|
|
|
delay: delay,
|
|
|
|
next: d3_timer_queue
|
|
|
|
};
|
|
|
|
|
|
|
|
if (!d3_timer_interval) {
|
|
|
|
clearTimeout(d3_timer_timeout);
|
2010-10-29 20:58:33 +04:00
|
|
|
d3_timer_timeout = setTimeout(d3_timer_start, Math.max(24, start - now));
|
2010-10-25 02:27:04 +04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function d3_timer_start() {
|
|
|
|
d3_timer_interval = setInterval(d3_timer_step, 24);
|
|
|
|
d3_timer_timeout = 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
function d3_timer_step() {
|
|
|
|
var elapsed,
|
|
|
|
now = Date.now(),
|
|
|
|
t0 = null,
|
|
|
|
t1 = d3_timer_queue;
|
|
|
|
while (t1) {
|
|
|
|
elapsed = now - t1.then;
|
2010-10-25 03:03:35 +04:00
|
|
|
if (elapsed > t1.delay) t1.flush = t1.callback(elapsed);
|
|
|
|
t1 = (t0 = t1).next;
|
|
|
|
}
|
|
|
|
d3_timer_flush();
|
|
|
|
}
|
|
|
|
|
|
|
|
// Flush after callbacks, to avoid concurrent queue modification.
|
|
|
|
function d3_timer_flush() {
|
|
|
|
var t0 = null,
|
|
|
|
t1 = d3_timer_queue;
|
|
|
|
while (t1) {
|
|
|
|
t1 = t1.flush
|
|
|
|
? (t0 ? t0.next = t1.next : d3_timer_queue = t1.next)
|
|
|
|
: (t0 = t1).next;
|
2010-10-25 02:27:04 +04:00
|
|
|
}
|
|
|
|
if (!t0) d3_timer_interval = clearInterval(d3_timer_interval);
|
|
|
|
}
|
2010-10-24 21:39:34 +04:00
|
|
|
function d3_tween(b) {
|
|
|
|
return typeof b == "function"
|
|
|
|
? function(d, i, a) { return d3.interpolate(a, b.call(this, d, i)); }
|
|
|
|
: function(d, i, a) { return d3.interpolate(a, b); };
|
|
|
|
}
|
2010-10-31 02:30:10 +04:00
|
|
|
d3.scale = {};
|
|
|
|
d3.scale.linear = function() {
|
|
|
|
var x0 = 0,
|
|
|
|
x1 = 1,
|
|
|
|
y0 = 0,
|
|
|
|
y1 = 1,
|
|
|
|
k = 1 / (x1 - x0),
|
|
|
|
i = d3.interpolate(y0, y1);
|
|
|
|
|
|
|
|
function scale(x) {
|
|
|
|
return i((x - x0) * k);
|
|
|
|
}
|
|
|
|
|
|
|
|
scale.invert = function(x) {
|
|
|
|
return (x - y0) / k + x0; // TODO assumes number?
|
|
|
|
};
|
|
|
|
|
|
|
|
/** @param {*=} x */
|
|
|
|
scale.domain = function(x) {
|
|
|
|
if (!arguments.length) return [x0, x1];
|
|
|
|
x0 = x[0];
|
|
|
|
x1 = x[1];
|
|
|
|
k = 1 / (x1 - x0);
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
/** @param {*=} x */
|
|
|
|
scale.range = function(x) {
|
|
|
|
if (!arguments.length) return [y0, y1];
|
|
|
|
y0 = x[0];
|
|
|
|
y1 = x[1];
|
|
|
|
i = d3.interpolate(y0, y1); // TODO allow override?
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
// TODO Dates? Ugh.
|
|
|
|
function tickRange(m) {
|
|
|
|
var start = Math.min(x0, x1),
|
|
|
|
stop = Math.max(x0, x1),
|
|
|
|
span = stop - start,
|
|
|
|
step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)),
|
|
|
|
err = m / (span / step);
|
|
|
|
|
|
|
|
// Filter ticks to get closer to the desired count.
|
|
|
|
if (err <= .15) step *= 10;
|
|
|
|
else if (err <= .35) step *= 5;
|
|
|
|
else if (err <= .75) step *= 2;
|
|
|
|
|
|
|
|
// Round start and stop values to step interval.
|
|
|
|
return {
|
|
|
|
start: Math.ceil(start / step) * step,
|
|
|
|
stop: Math.floor(stop / step) * step + step * .5, // inclusive
|
|
|
|
step: step
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
scale.ticks = function(m) {
|
|
|
|
var range = tickRange(m);
|
|
|
|
return d3.range(range.start, range.stop, range.step);
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.tickFormat = function(m) {
|
|
|
|
var n = Math.max(0, -Math.floor(Math.log(tickRange(m).step) / Math.LN10 + .01));
|
|
|
|
return d3.format(",." + n + "f");
|
|
|
|
};
|
|
|
|
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
d3.scale.log = function() {
|
|
|
|
var linear = d3.scale.linear();
|
|
|
|
|
|
|
|
function log(x) {
|
|
|
|
return Math.log(x) / Math.LN10;
|
|
|
|
}
|
|
|
|
|
|
|
|
function pow(y) {
|
|
|
|
return Math.pow(10, y);
|
|
|
|
}
|
|
|
|
|
|
|
|
function scale(x) {
|
|
|
|
return linear(log(x));
|
|
|
|
}
|
|
|
|
|
|
|
|
scale.invert = function(x) {
|
|
|
|
return pow(linear.invert(x));
|
|
|
|
};
|
|
|
|
|
|
|
|
/** @param {*=} x */
|
|
|
|
scale.domain = function(x) {
|
|
|
|
if (!arguments.length) return linear.domain().map(pow);
|
|
|
|
linear.domain(x.map(log));
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.range = function() {
|
|
|
|
var x = linear.range.apply(linear, arguments);
|
|
|
|
return arguments.length ? scale : x;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.ticks = function() {
|
|
|
|
var d = linear.domain(),
|
|
|
|
i = Math.floor(d[0]),
|
|
|
|
j = Math.ceil(d[1]),
|
|
|
|
ticks = [];
|
|
|
|
if (d.every(isFinite)) {
|
|
|
|
while (++i <= j) for (var k = 1; k < 10; k++) ticks.push(pow(i) * k);
|
|
|
|
ticks.push(pow(i));
|
|
|
|
}
|
|
|
|
return ticks;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.tickFormat = function() {
|
|
|
|
return function(d) { return d.toPrecision(1); };
|
|
|
|
};
|
|
|
|
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
d3.scale.pow = function() {
|
|
|
|
var linear = d3.scale.linear(),
|
|
|
|
p = 1,
|
|
|
|
b = 1 / p;
|
|
|
|
|
|
|
|
function powp(x) {
|
|
|
|
return Math.pow(x, p);
|
|
|
|
}
|
|
|
|
|
|
|
|
function powb(x) {
|
|
|
|
return Math.pow(x, b);
|
|
|
|
}
|
|
|
|
|
|
|
|
function scale(x) {
|
|
|
|
return linear(powp(x));
|
|
|
|
}
|
|
|
|
|
|
|
|
scale.invert = function(x) {
|
|
|
|
return powb(linear.invert(x));
|
|
|
|
};
|
|
|
|
|
|
|
|
/** @param {*=} x */
|
|
|
|
scale.domain = function(x) {
|
|
|
|
if (!arguments.length) return linear.domain().map(powb);
|
|
|
|
linear.domain(x.map(powp));
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.range = function() {
|
|
|
|
var x = linear.range.apply(linear, arguments);
|
|
|
|
return arguments.length ? scale : x;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.exponent = function(x) {
|
|
|
|
if (!arguments.length) return p;
|
|
|
|
var domain = scale.domain();
|
|
|
|
p = x;
|
|
|
|
b = 1 / x;
|
|
|
|
return scale.domain(domain);
|
|
|
|
};
|
|
|
|
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
d3.scale.sqrt = function() {
|
|
|
|
return d3.scale.pow().exponent(.5);
|
|
|
|
};
|
|
|
|
d3.scale.ordinal = function() {
|
|
|
|
var domain = [],
|
|
|
|
index = {},
|
|
|
|
range = [],
|
|
|
|
rangeBand = 0;
|
|
|
|
|
|
|
|
function scale(x) {
|
|
|
|
var i = x in index ? index[x] : (index[x] = domain.push(x) - 1);
|
|
|
|
return range[i % range.length];
|
|
|
|
}
|
|
|
|
|
|
|
|
scale.domain = function(x) {
|
|
|
|
if (!arguments.length) return domain;
|
|
|
|
domain = x;
|
|
|
|
index = {};
|
|
|
|
var i = -1, j = -1, n = domain.length; while (++i < n) {
|
|
|
|
x = domain[i];
|
|
|
|
if (!(x in index)) index[x] = ++j;
|
|
|
|
}
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.range = function(x) {
|
|
|
|
if (!arguments.length) return range;
|
|
|
|
range = x;
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.rangePoints = function(x, padding) {
|
|
|
|
if (arguments.length < 2) padding = 0;
|
|
|
|
var start = x[0],
|
|
|
|
stop = x[1],
|
|
|
|
step = (stop - start) / (domain.length - 1 + padding);
|
|
|
|
range = domain.length == 1
|
|
|
|
? [(start + stop) / 2]
|
|
|
|
: d3.range(start + step * padding / 2, stop + step / 2, step);
|
|
|
|
rangeBand = 0;
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.rangeBands = function(x, padding) {
|
|
|
|
if (arguments.length < 2) padding = 0;
|
|
|
|
var start = x[0],
|
|
|
|
stop = x[1],
|
|
|
|
step = (stop - start) / (domain.length + padding);
|
|
|
|
range = d3.range(start + step * padding, stop, step);
|
|
|
|
rangeBand = step * (1 - padding);
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
|
|
|
|
scale.rangeBand = function() {
|
|
|
|
return rangeBand;
|
|
|
|
};
|
|
|
|
|
|
|
|
return scale;
|
|
|
|
};
|
|
|
|
d3.scale.category10 = function() {
|
|
|
|
return d3.scale.ordinal().range(d3_category10);
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.scale.category19 = function() {
|
|
|
|
return d3.scale.ordinal().range(d3_category19);
|
|
|
|
};
|
|
|
|
|
|
|
|
d3.scale.category20 = function() {
|
|
|
|
return d3.scale.ordinal().range(d3_category20);
|
|
|
|
};
|
|
|
|
|
|
|
|
var d3_category10 = [
|
|
|
|
"#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd",
|
|
|
|
"#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"
|
|
|
|
];
|
|
|
|
|
|
|
|
var d3_category19 = [
|
|
|
|
"#9c9ede", "#7375b5", "#4a5584", "#cedb9c", "#b5cf6b",
|
|
|
|
"#8ca252", "#637939", "#e7cb94", "#e7ba52", "#bd9e39",
|
|
|
|
"#8c6d31", "#e7969c", "#d6616b", "#ad494a", "#843c39",
|
|
|
|
"#de9ed6", "#ce6dbd", "#a55194", "#7b4173"
|
|
|
|
];
|
|
|
|
|
|
|
|
var d3_category20 = [
|
|
|
|
"#1f77b4", "#aec7e8", "#ff7f0e", "#ffbb78", "#2ca02c",
|
|
|
|
"#98df8a", "#d62728", "#ff9896", "#9467bd", "#c5b0d5",
|
|
|
|
"#8c564b", "#c49c94", "#e377c2", "#f7b6d2", "#7f7f7f",
|
|
|
|
"#c7c7c7", "#bcbd22", "#dbdb8d", "#17becf", "#9edae5"
|
|
|
|
];
|
|
|
|
d3.svg = {};
|
|
|
|
d3.svg.arc = function() {
|
2010-10-25 04:05:59 +04:00
|
|
|
var innerRadius = function(d) { return d.innerRadius; },
|
|
|
|
outerRadius = function(d) { return d.outerRadius; },
|
|
|
|
startAngle = function(d) { return d.startAngle; },
|
|
|
|
endAngle = function(d) { return d.endAngle; };
|
|
|
|
|
|
|
|
function arc(d) {
|
|
|
|
var r0 = innerRadius(d),
|
|
|
|
r1 = outerRadius(d),
|
|
|
|
a0 = startAngle(d) - Math.PI / 2,
|
|
|
|
a1 = endAngle(d) - Math.PI / 2,
|
|
|
|
da = a1 - a0,
|
|
|
|
c0 = Math.cos(a0),
|
|
|
|
s0 = Math.sin(a0),
|
|
|
|
c1 = Math.cos(a1),
|
|
|
|
s1 = Math.sin(a1);
|
|
|
|
return "M" + r1 * c0 + "," + r1 * s0
|
|
|
|
+ "A" + r1 + "," + r1 + " 0 "
|
|
|
|
+ ((da < Math.PI) ? "0" : "1") + ",1 "
|
|
|
|
+ r1 * c1 + "," + r1 * s1
|
|
|
|
+ "L" + r0 * c1 + "," + r0 * s1
|
|
|
|
+ "A" + r0 + "," + r0 + " 0 "
|
|
|
|
+ ((da < Math.PI) ? "0" : "1") + ",0 "
|
|
|
|
+ r0 * c0 + "," + r0 * s0 + "Z";
|
|
|
|
}
|
|
|
|
|
|
|
|
arc.innerRadius = function(value) {
|
|
|
|
innerRadius = typeof value == "function"
|
|
|
|
? value
|
|
|
|
: function() { return value; };
|
|
|
|
return arc;
|
|
|
|
};
|
|
|
|
|
|
|
|
arc.outerRadius = function(value) {
|
|
|
|
outerRadius = typeof value == "function"
|
|
|
|
? value
|
|
|
|
: function() { return value; };
|
|
|
|
return arc;
|
|
|
|
};
|
|
|
|
|
|
|
|
arc.startAngle = function(value) {
|
|
|
|
startAngle = typeof value == "function"
|
|
|
|
? value
|
|
|
|
: function() { return value; };
|
|
|
|
return arc;
|
|
|
|
};
|
|
|
|
|
|
|
|
arc.endAngle = function(value) {
|
|
|
|
endAngle = typeof value == "function"
|
|
|
|
? value
|
|
|
|
: function() { return value; };
|
|
|
|
return arc;
|
|
|
|
};
|
|
|
|
|
|
|
|
return arc;
|
|
|
|
};
|
2010-10-31 02:30:10 +04:00
|
|
|
d3.svg.line = function() {
|
2010-10-25 04:05:59 +04:00
|
|
|
var x = function(d, i) { return d.x; },
|
|
|
|
y = function(d, i) { return d.y; };
|
|
|
|
|
|
|
|
function line(d) {
|
|
|
|
var a = [],
|
|
|
|
i = 0,
|
|
|
|
p = d[0];
|
|
|
|
a.push("M", x.call(this, p, i), ",", y.call(this, p, i));
|
|
|
|
while (p = d[++i]) a.push("L", x.call(this, p, i), ",", y.call(this, p, i));
|
|
|
|
return a.join("");
|
|
|
|
}
|
|
|
|
|
|
|
|
line.x = function(value) {
|
|
|
|
x = value;
|
|
|
|
return line;
|
|
|
|
};
|
|
|
|
|
|
|
|
line.y = function(value) {
|
|
|
|
y = value;
|
|
|
|
return line;
|
|
|
|
};
|
|
|
|
|
|
|
|
return line;
|
|
|
|
};
|
2010-10-31 02:30:10 +04:00
|
|
|
d3.svg.area = function() {
|
2010-10-25 04:05:59 +04:00
|
|
|
var x = function(d, i) { return d.x; },
|
|
|
|
y0 = 0,
|
|
|
|
y1 = function(d, i) { return d.y1; };
|
|
|
|
|
|
|
|
// TODO interpolators
|
|
|
|
// TODO variable y0
|
|
|
|
// TODO horizontal / vertical orientation
|
|
|
|
|
|
|
|
function area(d) {
|
|
|
|
var a = [],
|
|
|
|
i = 0,
|
|
|
|
p = d[0];
|
|
|
|
a.push("M", x.call(this, p, i), "," + y0 + "V", y1.call(this, p, i));
|
|
|
|
while (p = d[++i]) a.push("L", x.call(this, p, i), ",", y1.call(this, p, i));
|
|
|
|
a.push("V" + y0 + "Z");
|
|
|
|
return a.join("");
|
|
|
|
}
|
|
|
|
|
|
|
|
area.x = function(value) {
|
|
|
|
x = value;
|
|
|
|
return area;
|
|
|
|
};
|
|
|
|
|
|
|
|
area.y0 = function(value) {
|
|
|
|
y0 = value;
|
|
|
|
return area;
|
|
|
|
};
|
|
|
|
|
|
|
|
area.y1 = function(value) {
|
|
|
|
y1 = value;
|
|
|
|
return area;
|
|
|
|
};
|
|
|
|
|
|
|
|
return area;
|
|
|
|
};
|
2010-11-03 01:27:45 +03:00
|
|
|
d3.geo = {};
|
2010-11-03 09:06:32 +03:00
|
|
|
// Derived from Tom Carden's Albers implementation for Protovis.
|
|
|
|
// http://gist.github.com/476238
|
|
|
|
// http://mathworld.wolfram.com/AlbersEqual-AreaConicProjection.html
|
|
|
|
|
|
|
|
d3.geo.albers = function() {
|
2010-11-03 21:19:20 +03:00
|
|
|
var origin = [-98, 38],
|
2010-11-03 09:06:32 +03:00
|
|
|
parallels = [29.5, 45.5],
|
|
|
|
scale = 1000,
|
2010-11-03 21:19:20 +03:00
|
|
|
translate = [480, 250],
|
2010-11-03 09:06:32 +03:00
|
|
|
lng0, // d3_radians * origin[0]
|
|
|
|
n,
|
|
|
|
C,
|
|
|
|
p0;
|
|
|
|
|
|
|
|
function albers(coordinates) {
|
|
|
|
var t = n * (d3_radians * coordinates[0] - lng0),
|
|
|
|
p = Math.sqrt(C - 2 * n * Math.sin(d3_radians * coordinates[1])) / n;
|
|
|
|
return [
|
|
|
|
scale * p * Math.sin(t) + translate[0],
|
|
|
|
scale * (p * Math.cos(t) - p0) + translate[1]
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
function reload() {
|
|
|
|
var phi1 = d3_radians * parallels[0],
|
|
|
|
phi2 = d3_radians * parallels[1],
|
|
|
|
lat0 = d3_radians * origin[1],
|
|
|
|
s = Math.sin(phi1),
|
|
|
|
c = Math.cos(phi1);
|
|
|
|
lng0 = d3_radians * origin[0];
|
|
|
|
n = .5 * (s + Math.sin(phi2));
|
|
|
|
C = c * c + 2 * n * s;
|
|
|
|
p0 = Math.sqrt(C - 2 * n * Math.sin(lat0)) / n;
|
|
|
|
return albers;
|
|
|
|
}
|
|
|
|
|
2010-11-03 21:19:20 +03:00
|
|
|
albers.origin = function(x) {
|
|
|
|
if (!arguments.length) return origin;
|
|
|
|
origin = [+x[0], +x[1]];
|
2010-11-03 09:06:32 +03:00
|
|
|
return reload();
|
|
|
|
};
|
|
|
|
|
2010-11-03 21:19:20 +03:00
|
|
|
albers.parallels = function(x) {
|
|
|
|
if (!arguments.length) return parallels;
|
|
|
|
parallels = [+x[0], +x[1]];
|
2010-11-03 09:06:32 +03:00
|
|
|
return reload();
|
|
|
|
};
|
|
|
|
|
|
|
|
albers.scale = function(x) {
|
2010-11-03 21:19:20 +03:00
|
|
|
if (!arguments.length) return scale;
|
2010-11-03 09:06:32 +03:00
|
|
|
scale = +x;
|
|
|
|
return albers;
|
|
|
|
};
|
|
|
|
|
2010-11-03 21:19:20 +03:00
|
|
|
albers.translate = function(x) {
|
|
|
|
if (!arguments.length) return translate;
|
|
|
|
translate = [+x[0], +x[1]];
|
2010-11-03 09:06:32 +03:00
|
|
|
return albers;
|
|
|
|
};
|
|
|
|
|
|
|
|
return reload();
|
|
|
|
};
|
|
|
|
|
|
|
|
// A composite projection for the United States, 960x500.
|
|
|
|
// TODO allow the composite projection to be rescaled?
|
|
|
|
d3.geo.albersUsa = function() {
|
|
|
|
var lower48 = d3.geo.albers();
|
|
|
|
|
|
|
|
var alaska = d3.geo.albers()
|
2010-11-03 21:19:20 +03:00
|
|
|
.origin([-160, 60])
|
|
|
|
.parallels([55, 65])
|
|
|
|
.scale([600])
|
|
|
|
.translate([80, 420]);
|
2010-11-03 09:06:32 +03:00
|
|
|
|
|
|
|
var hawaii = d3.geo.albers()
|
2010-11-03 21:19:20 +03:00
|
|
|
.origin([-160, 20])
|
|
|
|
.parallels([10, 30])
|
|
|
|
.translate([290, 450]);
|
2010-11-03 09:06:32 +03:00
|
|
|
|
|
|
|
var puertoRico = d3.geo.albers()
|
2010-11-03 21:19:20 +03:00
|
|
|
.origin([-60, 10])
|
|
|
|
.parallels([0, 20])
|
|
|
|
.scale([1500])
|
|
|
|
.translate([1060, 680]);
|
2010-11-03 09:06:32 +03:00
|
|
|
|
|
|
|
return function(coordinates) {
|
|
|
|
var lon = coordinates[0],
|
|
|
|
lat = coordinates[1];
|
|
|
|
return (lat < 25
|
|
|
|
? (lon < -100 ? hawaii : puertoRico)
|
|
|
|
: (lat > 50 ? alaska : lower48))(coordinates);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
var d3_radians = Math.PI / 180;
|
2010-11-03 01:27:45 +03:00
|
|
|
/**
|
|
|
|
* Returns a function that, given a GeoJSON feature, returns the corresponding
|
|
|
|
* SVG path. The function can be customized by overriding the projection. Point
|
|
|
|
* features are mapped to circles with a default radius of 4.5px; the radius
|
|
|
|
* can be specified either as a constant or a function that is evaluated per
|
|
|
|
* feature.
|
|
|
|
*/
|
2010-11-03 09:06:32 +03:00
|
|
|
d3.geo.path = function() {
|
2010-11-03 01:27:45 +03:00
|
|
|
var pointRadius = 4.5,
|
2010-11-03 09:06:32 +03:00
|
|
|
pointCircle = d3_path_circle(pointRadius),
|
|
|
|
projection = d3.geo.albersUsa();
|
2010-11-03 01:27:45 +03:00
|
|
|
|
2010-11-03 09:06:32 +03:00
|
|
|
function path(d, i) {
|
2010-11-03 01:27:45 +03:00
|
|
|
if (typeof pointRadius == "function") {
|
2010-11-03 09:06:32 +03:00
|
|
|
pointCircle = d3_path_circle(pointRadius.apply(this, arguments));
|
2010-11-03 01:27:45 +03:00
|
|
|
}
|
|
|
|
return type(featureTypes, d);
|
|
|
|
}
|
|
|
|
|
|
|
|
function project(coordinates) {
|
|
|
|
return projection(coordinates).join(",");
|
|
|
|
}
|
|
|
|
|
|
|
|
function type(types, o) {
|
|
|
|
return o && o.type in types
|
|
|
|
? types[o.type](o)
|
|
|
|
: "";
|
|
|
|
}
|
|
|
|
|
|
|
|
var featureTypes = {
|
|
|
|
|
|
|
|
FeatureCollection: function(f) {
|
|
|
|
var path = [],
|
|
|
|
features = f.features,
|
|
|
|
i = -1, // features.index
|
|
|
|
n = features.length;
|
|
|
|
while (++i < n) path.push(type(featureTypes, features[i]));
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
Feature: function(f) {
|
|
|
|
return type(geometryTypes, f.geometry);
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
var geometryTypes = {
|
|
|
|
|
|
|
|
Point: function(o) {
|
|
|
|
return "M" + project(o.coordinates) + pointCircle;
|
|
|
|
},
|
|
|
|
|
|
|
|
MultiPoint: function(o) {
|
|
|
|
var path = [],
|
|
|
|
coordinates = o.coordinates,
|
|
|
|
i = -1, // coordinates.index
|
|
|
|
n = coordinates.length;
|
|
|
|
while (++i < n) path.push("M", project(coordinates[i]), pointCircle);
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
LineString: function(o) {
|
|
|
|
var path = ["M"],
|
|
|
|
coordinates = o.coordinates,
|
|
|
|
i = -1, // coordinates.index
|
|
|
|
n = coordinates.length;
|
|
|
|
while (++i < n) path.push(project(coordinates[i]), "L");
|
|
|
|
path.pop();
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
MultiLineString: function(o) {
|
|
|
|
var path = [],
|
|
|
|
coordinates = o.coordinates,
|
|
|
|
i = -1, // coordinates.index
|
|
|
|
n = coordinates.length,
|
|
|
|
subcoordinates, // coordinates[i]
|
|
|
|
j, // subcoordinates.index
|
|
|
|
m; // subcoordinates.length
|
|
|
|
while (++i < n) {
|
|
|
|
subcoordinates = coordinates[i];
|
|
|
|
j = -1;
|
|
|
|
m = subcoordinates.length;
|
|
|
|
path.push("M");
|
|
|
|
while (++j < m) path.push(project(subcoordinates[j]), "L");
|
|
|
|
path.pop();
|
|
|
|
}
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
Polygon: function(o) {
|
|
|
|
var path = [],
|
|
|
|
coordinates = o.coordinates,
|
|
|
|
i = -1, // coordinates.index
|
|
|
|
n = coordinates.length,
|
|
|
|
subcoordinates, // coordinates[i]
|
|
|
|
j, // subcoordinates.index
|
|
|
|
m; // subcoordinates.length
|
|
|
|
while (++i < n) {
|
|
|
|
subcoordinates = coordinates[i];
|
|
|
|
j = -1;
|
|
|
|
m = subcoordinates.length;
|
|
|
|
path.push("M");
|
|
|
|
while (++j < m) path.push(project(subcoordinates[j]), "L");
|
|
|
|
path[path.length - 1] = "Z";
|
|
|
|
}
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
MultiPolygon: function(o) {
|
|
|
|
var path = [],
|
|
|
|
coordinates = o.coordinates,
|
|
|
|
i = -1, // coordinates index
|
|
|
|
n = coordinates.length,
|
|
|
|
subcoordinates, // coordinates[i]
|
|
|
|
j, // subcoordinates index
|
|
|
|
m, // subcoordinates.length
|
|
|
|
subsubcoordinates, // subcoordinates[j]
|
|
|
|
k, // subsubcoordinates index
|
|
|
|
p; // subsubcoordinates.length
|
|
|
|
while (++i < n) {
|
|
|
|
subcoordinates = coordinates[i];
|
|
|
|
j = -1;
|
|
|
|
m = subcoordinates.length;
|
|
|
|
while (++j < m) {
|
|
|
|
subsubcoordinates = subcoordinates[j];
|
|
|
|
k = -1;
|
|
|
|
p = subsubcoordinates.length - 1;
|
|
|
|
path.push("M");
|
|
|
|
while (++k < p) path.push(project(subsubcoordinates[k]), "L");
|
|
|
|
path[path.length - 1] = "Z";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return path.join("");
|
|
|
|
},
|
|
|
|
|
|
|
|
GeometryCollection: function(o) {
|
|
|
|
var path = [],
|
|
|
|
geometries = o.geometries,
|
|
|
|
i = -1, // geometries index
|
|
|
|
n = geometries.length;
|
|
|
|
while (++i < n) path.push(type(geometryTypes, geometries[i]));
|
|
|
|
return path.join("");
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
2010-11-03 09:06:32 +03:00
|
|
|
path.projection = function(x) {
|
2010-11-03 01:27:45 +03:00
|
|
|
projection = x;
|
2010-11-03 09:06:32 +03:00
|
|
|
return path;
|
2010-11-03 01:27:45 +03:00
|
|
|
};
|
|
|
|
|
2010-11-03 09:06:32 +03:00
|
|
|
path.pointRadius = function(x) {
|
2010-11-03 01:27:45 +03:00
|
|
|
if (typeof x == "function") pointRadius = x;
|
|
|
|
else {
|
|
|
|
pointRadius = +x;
|
2010-11-03 09:06:32 +03:00
|
|
|
pointCircle = d3_path_circle(pointRadius);
|
2010-11-03 01:27:45 +03:00
|
|
|
}
|
2010-11-03 09:06:32 +03:00
|
|
|
return path;
|
2010-11-03 01:27:45 +03:00
|
|
|
};
|
|
|
|
|
2010-11-03 09:06:32 +03:00
|
|
|
return path;
|
2010-11-03 01:27:45 +03:00
|
|
|
};
|
|
|
|
|
2010-11-03 09:06:32 +03:00
|
|
|
function d3_path_circle(radius) {
|
2010-11-03 01:27:45 +03:00
|
|
|
return "m0," + radius
|
|
|
|
+ "a" + radius + "," + radius + " 0 1,1 0," + (-2 * radius)
|
|
|
|
+ "a" + radius + "," + radius + " 0 1,1 0," + (+2 * radius)
|
|
|
|
+ "z";
|
|
|
|
}
|