rubyvis 0.6.0 → 0.6.1

data/vendor/protovis/src/behavior/Point.js

@@ -1,157 +0,0 @@
-/**
- * Returns a new point behavior to be registered on mousemove events.
- *
- * @class Implements interactive fuzzy pointing, identifying marks that are in
- * close proximity to the mouse cursor. This behavior is an alternative to the
- * native mouseover and mouseout events, improving usability. Rather than
- * requiring the user to mouseover a mark exactly, the mouse simply needs to
- * move near the given mark and a "point" event is triggered. In addition, if
- * multiple marks overlap, the point behavior can be used to identify the mark
- * instance closest to the cursor, as opposed to the one that is rendered on
- * top.
- *
- * <p>The point behavior can also identify the closest mark instance for marks
- * that produce a continuous graphic primitive. The point behavior can thus be
- * used to provide details-on-demand for both discrete marks (such as dots and
- * bars), as well as continuous marks (such as lines and areas).
- *
- * <p>This behavior is implemented by finding the closest mark instance to the
- * mouse cursor on every mousemove event. If this closest mark is within the
- * given radius threshold, which defaults to 30 pixels, a "point" psuedo-event
- * is dispatched to the given mark instance. If any mark were previously
- * pointed, it would receive a corresponding "unpoint" event. These two
- * psuedo-event types correspond to the native "mouseover" and "mouseout"
- * events, respectively. To increase the radius at which the point behavior can
- * be applied, specify an appropriate threshold to the constructor, up to
- * <tt>Infinity</tt>.
- *
- * <p>By default, the standard Cartesian distance is computed. However, with
- * some visualizations it is desirable to consider only a single dimension, such
- * as the <i>x</i>-dimension for an independent variable. In this case, the
- * collapse parameter can be set to collapse the <i>y</i> dimension:
- *
- * <pre>    .event("mousemove", pv.Behavior.point(Infinity).collapse("y"))</pre>
- *
- * <p>This behavior only listens to mousemove events on the assigned panel,
- * which is typically the root panel. The behavior will search recursively for
- * descendant marks to point. If the mouse leaves the assigned panel, the
- * behavior no longer receives mousemove events; an unpoint psuedo-event is
- * automatically dispatched to unpoint any pointed mark. Marks may be re-pointed
- * when the mouse reenters the panel.
- *
- * <p>Panels have transparent fill styles by default; this means that panels may
- * not receive the initial mousemove event to start pointing. To fix this
- * problem, either given the panel a visible fill style (such as "white"), or
- * set the <tt>events</tt> property to "all" such that the panel receives events
- * despite its transparent fill.
- *
- * <p>Note: this behavior does not currently wedge marks.
- *
- * @extends pv.Behavior
- *
- * @param {number} [r] the fuzzy radius threshold in pixels
- * @see <a href="http://www.tovigrossman.com/papers/chi2005bubblecursor.pdf"
- * >"The Bubble Cursor: Enhancing Target Acquisition by Dynamic Resizing of the
- * Cursor's Activation Area"</a> by T. Grossman &amp; R. Balakrishnan, CHI 2005.
- */
-pv.Behavior.point = function(r) {
-  var unpoint, // the current pointer target
-      collapse = null, // dimensions to collapse
-      kx = 1, // x-dimension cost scale
-      ky = 1, // y-dimension cost scale
-      r2 = arguments.length ? r * r : 900; // fuzzy radius
-
-  /** @private Search for the mark closest to the mouse. */
-  function search(scene, index) {
-    var s = scene[index],
-        point = {cost: Infinity};
-    for (var i = 0, n = s.visible && s.children.length; i < n; i++) {
-      var child = s.children[i], mark = child.mark, p;
-      if (mark.type == "panel") {
-        mark.scene = child;
-        for (var j = 0, m = child.length; j < m; j++) {
-          mark.index = j;
-          p = search(child, j);
-          if (p.cost < point.cost) point = p;
-        }
-        delete mark.scene;
-        delete mark.index;
-      } else if (mark.$handlers.point) {
-        var v = mark.mouse();
-        for (var j = 0, m = child.length; j < m; j++) {
-          var c = child[j],
-              dx = v.x - c.left - (c.width || 0) / 2,
-              dy = v.y - c.top - (c.height || 0) / 2,
-              dd = kx * dx * dx + ky * dy * dy;
-          if (dd < point.cost) {
-            point.distance = dx * dx + dy * dy;
-            point.cost = dd;
-            point.scene = child;
-            point.index = j;
-          }
-        }
-      }
-    }
-    return point;
-  }
-
-  /** @private */
-  function mousemove() {
-    /* If the closest mark is far away, clear the current target. */
-    var point = search(this.scene, this.index);
-    if ((point.cost == Infinity) || (point.distance > r2)) point = null;
-
-    /* Unpoint the old target, if it's not the new target. */
-    if (unpoint) {
-      if (point
-          && (unpoint.scene == point.scene)
-          && (unpoint.index == point.index)) return;
-      pv.Mark.dispatch("unpoint", unpoint.scene, unpoint.index);
-    }
-
-    /* Point the new target, if there is one. */
-    if (unpoint = point) {
-      pv.Mark.dispatch("point", point.scene, point.index);
-
-      /* Unpoint when the mouse leaves the root panel. */
-      pv.listen(this.root.canvas(), "mouseout", mouseout);
-    }
-  }
-
-  /** @private */
-  function mouseout(e) {
-    if (unpoint && !pv.ancestor(this, e.relatedTarget)) {
-      pv.Mark.dispatch("unpoint", unpoint.scene, unpoint.index);
-      unpoint = null;
-    }
-  }
-
-  /**
-   * Sets or gets the collapse parameter. By default, the standard Cartesian
-   * distance is computed. However, with some visualizations it is desirable to
-   * consider only a single dimension, such as the <i>x</i>-dimension for an
-   * independent variable. In this case, the collapse parameter can be set to
-   * collapse the <i>y</i> dimension:
-   *
-   * <pre>    .event("mousemove", pv.Behavior.point(Infinity).collapse("y"))</pre>
-   *
-   * @function
-   * @returns {pv.Behavior.point} this, or the current collapse parameter.
-   * @name pv.Behavior.point.prototype.collapse
-   * @param {string} [x] the new collapse parameter
-   */
-  mousemove.collapse = function(x) {
-    if (arguments.length) {
-      collapse = String(x);
-      switch (collapse) {
-        case "y": kx = 1; ky = 0; break;
-        case "x": kx = 0; ky = 1; break;
-        default: kx = 1; ky = 1; break;
-      }
-      return mousemove;
-    }
-    return collapse;
-  };
-
-  return mousemove;
-};

data/vendor/protovis/src/behavior/Resize.js

@@ -1,104 +0,0 @@
-/**
- * Returns a new resize behavior to be registered on mousedown events.
- *
- * @class Implements interactive resizing of a selection starting with mousedown
- * events. Register this behavior on selection handles that should be resizeable
- * by the user, such for brushing and linking. This behavior can be used in
- * tandom with {@link pv.Behavior.select} and {@link pv.Behavior.drag} to allow
- * the selected region to be selected and dragged interactively.
- *
- * <p>After the initial mousedown event is triggered, this behavior listens for
- * mousemove and mouseup events on the window. This allows resizing to continue
- * even if the mouse temporarily leaves the assigned panel, or even the root
- * panel.
- *
- * <p>This behavior requires that the data associated with the mark being
- * resized have <tt>x</tt>, <tt>y</tt>, <tt>dx</tt> and <tt>dy</tt> attributes
- * that correspond to the mark's location and dimensions in pixels. The mark's
- * positional properties are not set directly by this behavior; instead, the
- * positional properties should be defined as:
- *
- * <pre>    .left(function(d) d.x)
- *     .top(function(d) d.y)
- *     .width(function(d) d.dx)
- *     .height(function(d) d.dy)</pre>
- *
- * Thus, the behavior does not resize the mark directly, but instead updates the
- * size by updating the assigned panel's underlying data. Note that if the
- * positional properties are defined with bottom and right (rather than top and
- * left), the resize behavior will be inverted, which will confuse users!
- *
- * <p>The resize behavior is bounded by the assigned mark's enclosing panel; the
- * positional attributes are clamped such that the selection does not extend
- * outside the panel's bounds.
- *
- * <p>The mark being resized is automatically re-rendered for each mouse event
- * as part of the resize operation. This behavior may be enhanced in the future
- * to allow more flexible configuration. In some cases, such as with parallel
- * coordinates, resizing the selection may cause related marks to change, in
- * which case additional marks may also need to be rendered. This can be
- * accomplished by listening for the select psuedo-events:<ul>
- *
- * <li>resizestart (on mousedown)
- * <li>resize (on mousemove)
- * <li>resizeend (on mouseup)
- *
- * </ul>For example, to render the parent panel while resizing, thus
- * re-rendering all sibling marks:
- *
- * <pre>    .event("mousedown", pv.Behavior.resize("left"))
- *     .event("resize", function() this.parent)</pre>
- *
- * This behavior may be enhanced in the future to allow more flexible
- * configuration of the selection behavior.
- *
- * @extends pv.Behavior
- * @see pv.Behavior.select
- * @see pv.Behavior.drag
- */
-pv.Behavior.resize = function(side) {
-  var scene, // scene context
-      index, // scene context
-      r, // region being selected
-      m1; // initial mouse position
-
-  /** @private */
-  function mousedown(d) {
-    index = this.index;
-    scene = this.scene;
-    m1 = this.mouse();
-    r = d;
-    switch (side) {
-      case "left": m1.x = r.x + r.dx; break;
-      case "right": m1.x = r.x; break;
-      case "top": m1.y = r.y + r.dy; break;
-      case "bottom": m1.y = r.y; break;
-    }
-    pv.Mark.dispatch("resizestart", scene, index);
-  }
-
-  /** @private */
-  function mousemove() {
-    if (!scene) return;
-    scene.mark.context(scene, index, function() {
-        var m2 = this.mouse();
-        r.x = Math.max(0, Math.min(m1.x, m2.x));
-        r.y = Math.max(0, Math.min(m1.y, m2.y));
-        r.dx = Math.min(this.parent.width(), Math.max(m2.x, m1.x)) - r.x;
-        r.dy = Math.min(this.parent.height(), Math.max(m2.y, m1.y)) - r.y;
-        this.render();
-      });
-    pv.Mark.dispatch("resize", scene, index);
-  }
-
-  /** @private */
-  function mouseup() {
-    if (!scene) return;
-    pv.Mark.dispatch("resizeend", scene, index);
-    scene = null;
-  }
-
-  pv.listen(window, "mousemove", mousemove);
-  pv.listen(window, "mouseup", mouseup);
-  return mousedown;
-};

data/vendor/protovis/src/behavior/Select.js

@@ -1,100 +0,0 @@
-/**
- * Returns a new select behavior to be registered on mousedown events.
- *
- * @class Implements interactive selecting starting with mousedown events.
- * Register this behavior on panels that should be selectable by the user, such
- * for brushing and linking. This behavior can be used in tandom with
- * {@link pv.Behavior.drag} to allow the selected region to be dragged
- * interactively.
- *
- * <p>After the initial mousedown event is triggered, this behavior listens for
- * mousemove and mouseup events on the window. This allows selecting to continue
- * even if the mouse temporarily leaves the assigned panel, or even the root
- * panel.
- *
- * <p>This behavior requires that the data associated with the mark being
- * dragged have <tt>x</tt>, <tt>y</tt>, <tt>dx</tt> and <tt>dy</tt> attributes
- * that correspond to the mark's location and dimensions in pixels. The mark's
- * positional properties are not set directly by this behavior; instead, the
- * positional properties should be defined as:
- *
- * <pre>    .left(function(d) d.x)
- *     .top(function(d) d.y)
- *     .width(function(d) d.dx)
- *     .height(function(d) d.dy)</pre>
- *
- * Thus, the behavior does not resize the mark directly, but instead updates the
- * selection by updating the assigned panel's underlying data. Note that if the
- * positional properties are defined with bottom and right (rather than top and
- * left), the drag behavior will be inverted, which will confuse users!
- *
- * <p>The select behavior is bounded by the assigned panel; the positional
- * attributes are clamped such that the selection does not extend outside the
- * panel's bounds.
- *
- * <p>The panel being selected is automatically re-rendered for each mouse event
- * as part of the drag operation. This behavior may be enhanced in the future to
- * allow more flexible configuration of select behavior. In some cases, such as
- * with parallel coordinates, making a selection may cause related marks to
- * change, in which case additional marks may also need to be rendered. This can
- * be accomplished by listening for the select psuedo-events:<ul>
- *
- * <li>selectstart (on mousedown)
- * <li>select (on mousemove)
- * <li>selectend (on mouseup)
- *
- * </ul>For example, to render the parent panel while selecting, thus
- * re-rendering all sibling marks:
- *
- * <pre>    .event("mousedown", pv.Behavior.drag())
- *     .event("select", function() this.parent)</pre>
- *
- * This behavior may be enhanced in the future to allow more flexible
- * configuration of the selection behavior.
- *
- * @extends pv.Behavior
- * @see pv.Behavior.drag
- */
-pv.Behavior.select = function() {
-  var scene, // scene context
-      index, // scene context
-      r, // region being selected
-      m1; // initial mouse position
-
-  /** @private */
-  function mousedown(d) {
-    index = this.index;
-    scene = this.scene;
-    m1 = this.mouse();
-    r = d;
-    r.x = m1.x;
-    r.y = m1.y;
-    r.dx = r.dy = 0;
-    pv.Mark.dispatch("selectstart", scene, index);
-  }
-
-  /** @private */
-  function mousemove() {
-    if (!scene) return;
-    scene.mark.context(scene, index, function() {
-        var m2 = this.mouse();
-        r.x = Math.max(0, Math.min(m1.x, m2.x));
-        r.y = Math.max(0, Math.min(m1.y, m2.y));
-        r.dx = Math.min(this.width(), Math.max(m2.x, m1.x)) - r.x;
-        r.dy = Math.min(this.height(), Math.max(m2.y, m1.y)) - r.y;
-        this.render();
-      });
-    pv.Mark.dispatch("select", scene, index);
-  }
-
-  /** @private */
-  function mouseup() {
-    if (!scene) return;
-    pv.Mark.dispatch("selectend", scene, index);
-    scene = null;
-  }
-
-  pv.listen(window, "mousemove", mousemove);
-  pv.listen(window, "mouseup", mouseup);
-  return mousedown;
-};

data/vendor/protovis/src/behavior/Zoom.js

@@ -1,85 +0,0 @@
-/**
- * Returns a new zoom behavior to be registered on mousewheel events.
- *
- * @class Implements interactive zooming using mousewheel events. Register this
- * behavior on panels to allow zooming. This behavior can be used in tandem with
- * {@link pv.Behavior.pan} to allow both panning and zooming:
- *
- * <pre>    .event("mousedown", pv.Behavior.pan())
- *     .event("mousewheel", pv.Behavior.zoom())</pre>
- *
- * The zoom behavior currently supports only mousewheel events; support for
- * keyboard shortcuts and gesture events to improve accessibility may be added
- * in the future.
- *
- * <p>The implementation of this behavior relies on the panel's
- * <tt>transform</tt> property, which specifies a matrix transformation that is
- * applied to child marks. Note that the transform property only affects the
- * panel's children, but not the panel itself; therefore the panel's fill and
- * stroke will not change when the contents are zoomed. The built-in support for
- * transforms only supports uniform scaling and translates, which is sufficient
- * for panning and zooming.  Note that this is not a strict geometric
- * transformation, as the <tt>lineWidth</tt> property is scale-aware: strokes
- * are drawn at constant size independent of scale.
- *
- * <p>Panels have transparent fill styles by default; this means that panels may
- * not receive mousewheel events to zoom. To fix this problem, either given the
- * panel a visible fill style (such as "white"), or set the <tt>events</tt>
- * property to "all" such that the panel receives events despite its transparent
- * fill.
- *
- * <p>The zoom behavior has optional support for bounding. If enabled, the user
- * will not be able to zoom out farther than the initial bounds. This feature is
- * designed to work in conjunction with the pan behavior.
- *
- * @extends pv.Behavior
- * @see pv.Panel#transform
- * @see pv.Mark#scale
- * @param {number} speed
- */
-pv.Behavior.zoom = function(speed) {
-  var bound; // whether to bound to the panel
-
-  if (!arguments.length) speed = 1 / 48;
-
-  /** @private */
-  function mousewheel() {
-    var v = this.mouse(),
-        k = pv.event.wheel * speed,
-        m = this.transform().translate(v.x, v.y)
-            .scale((k < 0) ? (1e3 / (1e3 - k)) : ((1e3 + k) / 1e3))
-            .translate(-v.x, -v.y);
-    if (bound) {
-      m.k = Math.max(1, m.k);
-      m.x = Math.max((1 - m.k) * this.width(), Math.min(0, m.x));
-      m.y = Math.max((1 - m.k) * this.height(), Math.min(0, m.y));
-    }
-    this.transform(m).render();
-    pv.Mark.dispatch("zoom", this.scene, this.index);
-  }
-
-  /**
-   * Sets or gets the bound parameter. If bounding is enabled, the user will not
-   * be able to zoom out farther than the initial panel bounds. Bounding is not
-   * enabled by default. If this behavior is used in tandem with the pan
-   * behavior, both should use the same bound parameter.
-   *
-   * <p>Note: enabling bounding after zooming has already occurred will not
-   * immediately reset the transform. Bounding should be enabled before the zoom
-   * behavior is applied.
-   *
-   * @function
-   * @returns {pv.Behavior.zoom} this, or the current bound parameter.
-   * @name pv.Behavior.zoom.prototype.bound
-   * @param {boolean} [x] the new bound parameter.
-   */
-  mousewheel.bound = function(x) {
-    if (arguments.length) {
-      bound = Boolean(x);
-      return this;
-    }
-    return Boolean(bound);
-  };
-
-  return mousewheel;
-};

data/vendor/protovis/src/color/Color.js

@@ -1,598 +0,0 @@
-/**
- * Returns the {@link pv.Color} for the specified color format string. Colors
- * may have an associated opacity, or alpha channel. Color formats are specified
- * by CSS Color Modular Level 3, using either in RGB or HSL color space. For
- * example:<ul>
- *
- * <li>#f00 // #rgb
- * <li>#ff0000 // #rrggbb
- * <li>rgb(255, 0, 0)
- * <li>rgb(100%, 0%, 0%)
- * <li>hsl(0, 100%, 50%)
- * <li>rgba(0, 0, 255, 0.5)
- * <li>hsla(120, 100%, 50%, 1)
- *
- * </ul>The SVG 1.0 color keywords names are also supported, such as "aliceblue"
- * and "yellowgreen". The "transparent" keyword is supported for fully-
- * transparent black.
- *
- * <p>If the <tt>format</tt> argument is already an instance of <tt>Color</tt>,
- * the argument is returned with no further processing.
- *
- * @param {string} format the color specification string, such as "#f00".
- * @returns {pv.Color} the corresponding <tt>Color</tt>.
- * @see <a href="http://www.w3.org/TR/SVG/types.html#ColorKeywords">SVG color
- * keywords</a>
- * @see <a href="http://www.w3.org/TR/css3-color/">CSS3 color module</a>
- */
-pv.color = function(format) {
-  if (format.rgb) return format.rgb();
-
-  /* Handle hsl, rgb. */
-  var m1 = /([a-z]+)\((.*)\)/i.exec(format);
-  if (m1) {
-    var m2 = m1[2].split(","), a = 1;
-    switch (m1[1]) {
-      case "hsla":
-      case "rgba": {
-        a = parseFloat(m2[3]);
-        if (!a) return pv.Color.transparent;
-        break;
-      }
-    }
-    switch (m1[1]) {
-      case "hsla":
-      case "hsl": {
-        var h = parseFloat(m2[0]), // degrees
-            s = parseFloat(m2[1]) / 100, // percentage
-            l = parseFloat(m2[2]) / 100; // percentage
-        return (new pv.Color.Hsl(h, s, l, a)).rgb();
-      }
-      case "rgba":
-      case "rgb": {
-        function parse(c) { // either integer or percentage
-          var f = parseFloat(c);
-          return (c[c.length - 1] == '%') ? Math.round(f * 2.55) : f;
-        }
-        var r = parse(m2[0]), g = parse(m2[1]), b = parse(m2[2]);
-        return pv.rgb(r, g, b, a);
-      }
-    }
-  }
-
-  /* Named colors. */
-  var named = pv.Color.names[format];
-  if (named) return named;
-
-  /* Hexadecimal colors: #rgb and #rrggbb. */
-  if (format.charAt(0) == "#") {
-    var r, g, b;
-    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);
-    }
-    return pv.rgb(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
-  }
-
-  /* Otherwise, pass-through unsupported colors. */
-  return new pv.Color(format, 1);
-};
-
-/**
- * Constructs a color with the specified color format string and opacity. This
- * constructor should not be invoked directly; use {@link pv.color} instead.
- *
- * @class Represents an abstract (possibly translucent) color. The color is
- * divided into two parts: the <tt>color</tt> attribute, an opaque color format
- * string, and the <tt>opacity</tt> attribute, a float in [0, 1]. The color
- * space is dependent on the implementing class; all colors support the
- * {@link #rgb} method to convert to RGB color space for interpolation.
- *
- * <p>See also the <a href="../../api/Color.html">Color guide</a>.
- *
- * @param {string} color an opaque color format string, such as "#f00".
- * @param {number} opacity the opacity, in [0,1].
- * @see pv.color
- */
-pv.Color = function(color, opacity) {
-  /**
-   * An opaque color format string, such as "#f00".
-   *
-   * @type string
-   * @see <a href="http://www.w3.org/TR/SVG/types.html#ColorKeywords">SVG color
-   * keywords</a>
-   * @see <a href="http://www.w3.org/TR/css3-color/">CSS3 color module</a>
-   */
-  this.color = color;
-
-  /**
-   * The opacity, a float in [0, 1].
-   *
-   * @type number
-   */
-  this.opacity = opacity;
-};
-
-/**
- * Returns a new color that is a brighter version of this color. The behavior of
- * this method may vary slightly depending on the underlying color space.
- * Although brighter and darker are inverse operations, the results of a series
- * of invocations of these two methods might be inconsistent because of rounding
- * errors.
- *
- * @param [k] {number} an optional scale factor; defaults to 1.
- * @see #darker
- * @returns {pv.Color} a brighter color.
- */
-pv.Color.prototype.brighter = function(k) {
-  return this.rgb().brighter(k);
-};
-
-/**
- * Returns a new color that is a brighter version of this color. The behavior of
- * this method may vary slightly depending on the underlying color space.
- * Although brighter and darker are inverse operations, the results of a series
- * of invocations of these two methods might be inconsistent because of rounding
- * errors.
- *
- * @param [k] {number} an optional scale factor; defaults to 1.
- * @see #brighter
- * @returns {pv.Color} a darker color.
- */
-pv.Color.prototype.darker = function(k) {
-  return this.rgb().darker(k);
-};
-
-/**
- * Constructs a new RGB color with the specified channel values.
- *
- * @param {number} r the red channel, an integer in [0,255].
- * @param {number} g the green channel, an integer in [0,255].
- * @param {number} b the blue channel, an integer in [0,255].
- * @param {number} [a] the alpha channel, a float in [0,1].
- * @returns pv.Color.Rgb
- */
-pv.rgb = function(r, g, b, a) {
-  return new pv.Color.Rgb(r, g, b, (arguments.length == 4) ? a : 1);
-};
-
-/**
- * Constructs a new RGB color with the specified channel values.
- *
- * @class Represents a color in RGB space.
- *
- * @param {number} r the red channel, an integer in [0,255].
- * @param {number} g the green channel, an integer in [0,255].
- * @param {number} b the blue channel, an integer in [0,255].
- * @param {number} a the alpha channel, a float in [0,1].
- * @extends pv.Color
- */
-pv.Color.Rgb = function(r, g, b, a) {
-  pv.Color.call(this, a ? ("rgb(" + r + "," + g + "," + b + ")") : "none", a);
-
-  /**
-   * The red channel, an integer in [0, 255].
-   *
-   * @type number
-   */
-  this.r = r;
-
-  /**
-   * The green channel, an integer in [0, 255].
-   *
-   * @type number
-   */
-  this.g = g;
-
-  /**
-   * The blue channel, an integer in [0, 255].
-   *
-   * @type number
-   */
-  this.b = b;
-
-  /**
-   * The alpha channel, a float in [0, 1].
-   *
-   * @type number
-   */
-  this.a = a;
-};
-pv.Color.Rgb.prototype = pv.extend(pv.Color);
-
-/**
- * Constructs a new RGB color with the same green, blue and alpha channels as
- * this color, with the specified red channel.
- *
- * @param {number} r the red channel, an integer in [0,255].
- */
-pv.Color.Rgb.prototype.red = function(r) {
-  return pv.rgb(r, this.g, this.b, this.a);
-};
-
-/**
- * Constructs a new RGB color with the same red, blue and alpha channels as this
- * color, with the specified green channel.
- *
- * @param {number} g the green channel, an integer in [0,255].
- */
-pv.Color.Rgb.prototype.green = function(g) {
-  return pv.rgb(this.r, g, this.b, this.a);
-};
-
-/**
- * Constructs a new RGB color with the same red, green and alpha channels as
- * this color, with the specified blue channel.
- *
- * @param {number} b the blue channel, an integer in [0,255].
- */
-pv.Color.Rgb.prototype.blue = function(b) {
-  return pv.rgb(this.r, this.g, b, this.a);
-};
-
-/**
- * Constructs a new RGB color with the same red, green and blue channels as this
- * color, with the specified alpha channel.
- *
- * @param {number} a the alpha channel, a float in [0,1].
- */
-pv.Color.Rgb.prototype.alpha = function(a) {
-  return pv.rgb(this.r, this.g, this.b, a);
-};
-
-/**
- * Returns the RGB color equivalent to this color. This method is abstract and
- * must be implemented by subclasses.
- *
- * @returns {pv.Color.Rgb} an RGB color.
- * @function
- * @name pv.Color.prototype.rgb
- */
-
-/**
- * Returns this.
- *
- * @returns {pv.Color.Rgb} this.
- */
-pv.Color.Rgb.prototype.rgb = function() { return this; };
-
-/**
- * Returns a new color that is a brighter version of this color. This method
- * applies an arbitrary scale factor to each of the three RGB components of this
- * color to create a brighter version of this color. Although brighter and
- * darker are inverse operations, the results of a series of invocations of
- * these two methods might be inconsistent because of rounding errors.
- *
- * @param [k] {number} an optional scale factor; defaults to 1.
- * @see #darker
- * @returns {pv.Color.Rgb} a brighter color.
- */
-pv.Color.Rgb.prototype.brighter = function(k) {
-  k = Math.pow(0.7, arguments.length ? k : 1);
-  var r = this.r, g = this.g, b = this.b, i = 30;
-  if (!r && !g && !b) return pv.rgb(i, i, i, this.a);
-  if (r && (r < i)) r = i;
-  if (g && (g < i)) g = i;
-  if (b && (b < i)) b = i;
-  return pv.rgb(
-      Math.min(255, Math.floor(r / k)),
-      Math.min(255, Math.floor(g / k)),
-      Math.min(255, Math.floor(b / k)),
-      this.a);
-};
-
-/**
- * Returns a new color that is a darker version of this color. This method
- * applies an arbitrary scale factor to each of the three RGB components of this
- * color to create a darker version of this color. Although brighter and darker
- * are inverse operations, the results of a series of invocations of these two
- * methods might be inconsistent because of rounding errors.
- *
- * @param [k] {number} an optional scale factor; defaults to 1.
- * @see #brighter
- * @returns {pv.Color.Rgb} a darker color.
- */
-pv.Color.Rgb.prototype.darker = function(k) {
-  k = Math.pow(0.7, arguments.length ? k : 1);
-  return pv.rgb(
-      Math.max(0, Math.floor(k * this.r)),
-      Math.max(0, Math.floor(k * this.g)),
-      Math.max(0, Math.floor(k * this.b)),
-      this.a);
-};
-
-/**
- * Constructs a new HSL color with the specified values.
- *
- * @param {number} h the hue, an integer in [0, 360].
- * @param {number} s the saturation, a float in [0, 1].
- * @param {number} l the lightness, a float in [0, 1].
- * @param {number} [a] the opacity, a float in [0, 1].
- * @returns pv.Color.Hsl
- */
-pv.hsl = function(h, s, l, a) {
-  return new pv.Color.Hsl(h, s, l,  (arguments.length == 4) ? a : 1);
-};
-
-/**
- * Constructs a new HSL color with the specified values.
- *
- * @class Represents a color in HSL space.
- *
- * @param {number} h the hue, an integer in [0, 360].
- * @param {number} s the saturation, a float in [0, 1].
- * @param {number} l the lightness, a float in [0, 1].
- * @param {number} a the opacity, a float in [0, 1].
- * @extends pv.Color
- */
-pv.Color.Hsl = function(h, s, l, a) {
-  pv.Color.call(this, "hsl(" + h + "," + (s * 100) + "%," + (l * 100) + "%)", a);
-
-  /**
-   * The hue, an integer in [0, 360].
-   *
-   * @type number
-   */
-  this.h = h;
-
-  /**
-   * The saturation, a float in [0, 1].
-   *
-   * @type number
-   */
-  this.s = s;
-
-  /**
-   * The lightness, a float in [0, 1].
-   *
-   * @type number
-   */
-  this.l = l;
-
-  /**
-   * The opacity, a float in [0, 1].
-   *
-   * @type number
-   */
-  this.a = a;
-};
-pv.Color.Hsl.prototype = pv.extend(pv.Color);
-
-/**
- * Constructs a new HSL color with the same saturation, lightness and alpha as
- * this color, and the specified hue.
- *
- * @param {number} h the hue, an integer in [0, 360].
- */
-pv.Color.Hsl.prototype.hue = function(h) {
-  return pv.hsl(h, this.s, this.l, this.a);
-};
-
-/**
- * Constructs a new HSL color with the same hue, lightness and alpha as this
- * color, and the specified saturation.
- *
- * @param {number} s the saturation, a float in [0, 1].
- */
-pv.Color.Hsl.prototype.saturation = function(s) {
-  return pv.hsl(this.h, s, this.l, this.a);
-};
-
-/**
- * Constructs a new HSL color with the same hue, saturation and alpha as this
- * color, and the specified lightness.
- *
- * @param {number} l the lightness, a float in [0, 1].
- */
-pv.Color.Hsl.prototype.lightness = function(l) {
-  return pv.hsl(this.h, this.s, l, this.a);
-};
-
-/**
- * Constructs a new HSL color with the same hue, saturation and lightness as
- * this color, and the specified alpha.
- *
- * @param {number} a the opacity, a float in [0, 1].
- */
-pv.Color.Hsl.prototype.alpha = function(a) {
-  return pv.hsl(this.h, this.s, this.l, a);
-};
-
-/**
- * Returns the RGB color equivalent to this HSL color.
- *
- * @returns {pv.Color.Rgb} an RGB color.
- */
-pv.Color.Hsl.prototype.rgb = function() {
-  var h = this.h, s = this.s, l = this.l;
-
-  /* Some simple corrections for h, s and l. */
-  h = h % 360; if (h < 0) h += 360;
-  s = Math.max(0, Math.min(s, 1));
-  l = Math.max(0, Math.min(l, 1));
-
-  /* From FvD 13.37, CSS Color Module Level 3 */
-  var m2 = (l <= .5) ? (l * (1 + s)) : (l + s - l * s);
-  var 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 pv.rgb(vv(h + 120), vv(h), vv(h - 120), this.a);
-};
-
-/**
- * @private SVG color keywords, per CSS Color Module Level 3.
- *
- * @see <a href="http://www.w3.org/TR/SVG/types.html#ColorKeywords">SVG color
- * keywords</a>
- */
-pv.Color.names = {
-  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",
-  transparent: pv.Color.transparent = pv.rgb(0, 0, 0, 0)
-};
-
-/* Initialized named colors. */
-(function() {
-  var names = pv.Color.names;
-  for (var name in names) names[name] = pv.color(names[name]);
-})();