@d3plus/core 3.0.0-alpha.0

package/es/src/charts/events/click.legend.js

@@ -0,0 +1,76 @@
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { merge } from "d3-array";
+/**
+    @module clickLegend
+    @desc On click event for all legend shapes in a Viz.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @private
+*/ export default function(d, i, x, event) {
+    var _this = this;
+    this._select.style("cursor", "auto");
+    if (this._tooltip(d, i)) this._tooltipClass.data([]).render();
+    var id = this._id(d, i);
+    if (!_instanceof(id, Array)) id = [
+        id
+    ];
+    var hiddenIndex = this._hidden.indexOf(id[0]);
+    var soloIndex = this._solo.indexOf(id[0]);
+    var dataLength = merge(this._legendClass.data().map(function(d, i) {
+        var id = _this._id(d, i);
+        if (!_instanceof(id, Array)) id = [
+            id
+        ];
+        return id;
+    })).length;
+    var inverted = this._legendFilterInvert.bind(this)();
+    if (inverted) {
+        if (event.shiftKey) {
+            if (hiddenIndex < 0 && !this._solo.length) {
+                this._hidden = this._hidden.concat(id);
+                if (soloIndex >= 0) this._solo = [];
+                if (this._hidden.length === dataLength) this._hidden = [];
+                this.render();
+            } else if (soloIndex >= 0) {
+                this._solo = [];
+                this._hidden = [];
+                this.render();
+            }
+        } else {
+            if (soloIndex < 0 && this._hidden.length < dataLength - 1) {
+                this._solo = id;
+                this._hidden = [];
+            } else {
+                this._solo = [];
+                this._hidden = [];
+            }
+            this.render();
+        }
+    } else {
+        if (event.shiftKey && soloIndex < 0) {
+            this._solo = id;
+            this._hidden = [];
+            this.render();
+        } else if (!event.shiftKey) {
+            if (hiddenIndex >= 0) {
+                this._hidden.splice(hiddenIndex, id.length);
+            } else if (soloIndex >= 0) {
+                this._solo = [];
+                this._hidden = [];
+            } else if (this._solo.length && soloIndex < 0) {
+                this._solo = this._solo.concat(id);
+                if (this._solo.length === dataLength) this._solo = [];
+            } else {
+                this._hidden = this._hidden.concat(id);
+                if (this._hidden.length === dataLength) this._hidden = [];
+            }
+            this.render();
+        }
+    }
+}

package/es/src/charts/events/click.shape.js

@@ -0,0 +1,26 @@
+/**
+    @module clickShape
+    @desc On click event for all shapes in a Viz.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @private
+*/ export default function(d, i, x, event) {
+    event.stopPropagation();
+    if (this._drawDepth < this._groupBy.length - 1) {
+        this._select.style("cursor", "auto");
+        var filterGroup = this._groupBy[this._drawDepth], filterId = filterGroup(d, i);
+        this.hover(false);
+        if (this._tooltip(d, i)) this._tooltipClass.data([]).render();
+        var oldFilter = this._filter;
+        this._history.push({
+            depth: this._depth,
+            filter: oldFilter
+        });
+        this.config({
+            depth: this._drawDepth + 1,
+            filter: function(f, x) {
+                return (!oldFilter || oldFilter(f, x)) && filterGroup(f, x) === filterId;
+            }
+        }).render();
+    }
+}

package/es/src/charts/events/mouseenter.js

@@ -0,0 +1,31 @@
+/**
+    @module mouseEnter
+    @desc On mouseenter event for all shapes in a Viz.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @private
+*/ function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+export default function(d, i) {
+    var _this = this;
+    if (this._shapeConfig.hoverOpacity !== 1) {
+        var filterIds = this._id(d, i);
+        if (!_instanceof(filterIds, Array)) filterIds = [
+            filterIds
+        ];
+        this.hover(function(h, x) {
+            var id = _this._id(h, x);
+            if (!_instanceof(id, Array)) id = [
+                id
+            ];
+            return filterIds.some(function(f) {
+                return id.includes(f);
+            });
+        });
+    }
+}

package/es/src/charts/events/mouseleave.js

@@ -0,0 +1,21 @@
+/**
+    @module mouseLeave
+    @desc On mouseleave event for all shapes in a Viz.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @private
+*/ export default function(d, i) {
+    var _this = this;
+    setTimeout(function() {
+        if (_this._shapeConfig.hoverOpacity !== 1 && _this._hover ? _this._hover(d, i) : true) {
+            _this.hover(false);
+        }
+        var tooltipData = _this._tooltipClass.data();
+        if (tooltipData.length && _this._tooltip(d, i)) {
+            var tooltipDatum = tooltipData[0];
+            while(tooltipDatum.__d3plus__ && tooltipDatum.data)tooltipDatum = tooltipDatum.data;
+            if (_this._id(tooltipDatum) === _this._id(d)) _this._tooltipClass.data([]).render();
+        }
+    }, 50);
+    this._select.style("cursor", "auto");
+}

package/es/src/charts/events/mousemove.legend.js

@@ -0,0 +1,64 @@
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { merge } from "d3-array";
+import clickLegend from "./click.legend.js";
+import { legendLabel } from "../drawSteps/drawLegend.js";
+import { configPrep } from "../../utils/index.js";
+/**
+    @module mouseMoveLegend
+    @desc Tooltip logic for a specified data point.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @param {Object} [*config*] Optional configuration methods for the Tooltip class.
+    @private
+*/ export default function(d, i, x, event) {
+    var _this = this;
+    var position = event.touches ? [
+        event.touches[0].clientX,
+        event.touches[0].clientY
+    ] : [
+        event.clientX,
+        event.clientY
+    ];
+    var dataLength = merge(this._legendClass.data().map(function(d, i) {
+        var id = _this._id(d, i);
+        if (!_instanceof(id, Array)) id = [
+            id
+        ];
+        return id;
+    })).length;
+    if (d && this._tooltip(d, i)) {
+        var id = this._id(d, i);
+        if (_instanceof(id, Array)) id = id[0];
+        var t = this._translate;
+        var defaultClick = clickLegend.bind(this).toString();
+        // does the legend have any user-defined click events?
+        var hasUserClick = Object.keys(this._on).some(function(e) {
+            return(// all valid click event keys,
+            [
+                "click",
+                "click.legend"
+            ].includes(e) && // truthy values (no nulls),
+            _this._on[e] && // and it is not our default click.legend function
+            _this._on[e].toString() !== defaultClick);
+        });
+        // does the legend still have our default "click.legend" event?
+        // (if the user only sets "click", both functions will fire)
+        var hasDefaultClick = this._on["click.legend"] && this._on["click.legend"].toString() === defaultClick;
+        // can the viz show deeper data?
+        var hasDeeperLevel = this._drawDepth < this._groupBy.length - 1;
+        // only show the hand cursor when the shape has a click event
+        this._select.style("cursor", hasUserClick || hasDefaultClick && hasDeeperLevel ? "pointer" : "auto");
+        var invertedBehavior = this._legendFilterInvert.bind(this)();
+        var solo = this._solo.includes(id);
+        var hidden = this._hidden.includes(id);
+        this._tooltipClass.data([
+            x || d
+        ]).footer(hasDefaultClick ? invertedBehavior ? this._solo.length && !solo || hidden ? t("Click to Highlight") : this._solo.length === 1 && solo || this._hidden.length === dataLength - 1 ? t("Click to Show All") : "".concat(t("Click to Highlight"), "<br />").concat(t("Shift+Click to Hide")) : this._solo.length && !solo || hidden ? "".concat(t("Click to Show"), "<br />").concat(t("Shift+Click to Highlight")) : this._solo.length === 1 && solo || this._hidden.length === dataLength - 1 ? t("Click to Show All") : "".concat(t("Click to Hide"), "<br />").concat(t("Shift+Click to Highlight")) : false).title(this._legendConfig.label ? this._legendClass.label() : legendLabel.bind(this)).position(position).config(configPrep.bind(this)(this._tooltipConfig)).config(configPrep.bind(this)(this._legendTooltip)).render();
+    }
+}

package/es/src/charts/events/mousemove.shape.js

@@ -0,0 +1,42 @@
+import { configPrep } from "../../utils/index.js";
+import clickShape from "./click.shape.js";
+/**
+    @module mouseMoveShape
+    @desc Tooltip logic for a specified data point.
+    @param {Object} *d* The data object being interacted with.
+    @param {Number} *i* The index of the data object being interacted with.
+    @param {Object} [*config*] Optional configuration methods for the Tooltip class.
+    @private
+*/ export default function(d, i, x, event) {
+    var _this = this;
+    if (d && this._tooltip(d, i)) {
+        var defaultClick = clickShape.bind(this).toString();
+        // does the shape have any user-defined click events?
+        var hasUserClick = Object.keys(this._on).some(function(e) {
+            return(// all valid click event keys,
+            [
+                "click",
+                "click.shape"
+            ].includes(e) && // truthy values (no nulls),
+            _this._on[e] && // and it is not our default click.shape function
+            _this._on[e].toString() !== defaultClick);
+        });
+        // does the shape still have our default "click.shape" event?
+        // (if the user only sets "click", both functions will fire)
+        var hasDefaultClick = this._on["click.shape"] && this._on["click.shape"].toString() === defaultClick;
+        // can the viz show deeper data?
+        var hasDeeperLevel = this._drawDepth < this._groupBy.length - 1;
+        // only show the hand cursor when the shape has a click event
+        this._select.style("cursor", hasUserClick || hasDefaultClick && hasDeeperLevel ? "pointer" : "auto");
+        var position = event.touches ? [
+            event.touches[0].clientX,
+            event.touches[0].clientY
+        ] : [
+            event.clientX,
+            event.clientY
+        ];
+        this._tooltipClass.data([
+            x || d
+        ]).footer(hasDefaultClick && hasDeeperLevel ? this._translate("Click to Expand") : false).title(this._drawLabel).position(position).config(configPrep.bind(this)(this._tooltipConfig)).render();
+    }
+}

package/es/src/charts/events/touchstart.body.js

@@ -0,0 +1,7 @@
+/**
+    @module touchStartBody
+    @desc On touchstart event for the Body element.
+    @private
+ */ export default function() {
+    this._tooltipClass.data([]).render();
+}

package/es/src/charts/helpers/matrixData.js

@@ -0,0 +1,104 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var _instance;
+import { unique } from "@d3plus/data";
+var cartesian = function(a, b) {
+    return (_instance = []).concat.apply(_instance, _to_consumable_array(a.map(function(d) {
+        return b.map(function(e) {
+            return [].concat(d, e);
+        });
+    })));
+};
+/**
+    @module matrixData
+    @private
+ */ export default function() {
+    var _this = this;
+    var data = this._filteredData;
+    var rowValues = (this._rowList || unique(data.map(this._row))).sort(this._rowSort);
+    var columnValues = (this._columnList || unique(data.map(this._column))).sort(this._columnSort);
+    if (!rowValues.length || !columnValues.length) return this;
+    var shapeData = cartesian(rowValues, columnValues).map(function(param) {
+        var _param = _sliced_to_array(param, 2), rowValue = _param[0], columnValue = _param[1];
+        var dataObj = {
+            __d3plusTooltip__: true,
+            __d3plus__: true,
+            column: columnValue,
+            row: rowValue
+        };
+        var dataIndex = data.findIndex(function(d, i) {
+            return _this._row(d, i) === rowValue && _this._column(d, i) === columnValue;
+        });
+        if (dataIndex >= 0) {
+            dataObj.i = dataIndex;
+            dataObj.data = data[dataIndex];
+        } else {
+            dataObj.data = {
+                row: rowValue,
+                column: columnValue
+            };
+        }
+        return dataObj;
+    });
+    return {
+        rowValues: rowValues,
+        columnValues: columnValues,
+        shapeData: shapeData
+    };
+}

package/es/src/charts/helpers/tileAttributions.js

@@ -0,0 +1,34 @@
+export default [
+    {
+        matches: [
+            "cartodb",
+            "cartocdn"
+        ],
+        text: "© <a href='http://www.openstreetmap.org/copyright' target='_blank'>OpenStreetMap</a> contributors, © <a href='https://carto.com/attribution' target='_blank'>CARTO</a>"
+    },
+    {
+        matches: [
+            "opentopomap.org"
+        ],
+        text: "© <a href='http://www.openstreetmap.org/copyright' target='_blank'>OpenStreetMap</a> contributors"
+    },
+    {
+        matches: [
+            "arcgisonline.com"
+        ],
+        text: "Powered by <a href='https://developers.arcgis.com/terms/attribution/' target='_blank'>Esri</a>"
+    },
+    {
+        matches: [
+            "/watercolor/"
+        ],
+        text: "Map tiles by <a href='http://stamen.com' target='_blank'>Stamen Design</a>, under <a href='http://creativecommons.org/licenses/by/3.0' target='_blank'>CC BY 3.0</a>. Data by <a href='http://openstreetmap.org' target='_blank'>OpenStreetMap</a>, under <a href='http://www.openstreetmap.org/copyright' target='_blank'>ODbL</a>."
+    },
+    {
+        matches: [
+            "stamen-tiles",
+            "stamen.com"
+        ],
+        text: "Map tiles by <a href='http://stamen.com' target='_blank'>Stamen Design</a>, under <a href='http://creativecommons.org/licenses/by/3.0' target='_blank'>CC BY 3.0</a>. Data by <a href='http://openstreetmap.org' target='_blank'>OpenStreetMap</a>, under <a href='http://creativecommons.org/licenses/by-sa/3.0' target='_blank'>CC BY SA</a>."
+    }
+];

package/es/src/charts/index.js

@@ -0,0 +1,21 @@
+export { default as AreaPlot } from "./AreaPlot";
+export { default as BarChart } from "./BarChart";
+export { default as BoxWhisker } from "./BoxWhisker";
+export { default as BumpChart } from "./BumpChart";
+export { default as Donut } from "./Donut";
+export { default as Geomap } from "./Geomap";
+export { default as LinePlot } from "./LinePlot";
+export { default as Matrix } from "./Matrix";
+export { default as Network } from "./Network";
+export { default as Pack } from "./Pack";
+export { default as Pie } from "./Pie";
+export { default as Plot } from "./Plot";
+export { default as Priestley } from "./Priestley";
+export { default as Radar } from "./Radar";
+export { default as RadialMatrix } from "./RadialMatrix";
+export { default as Rings } from "./Rings";
+export { default as Sankey } from "./Sankey";
+export { default as StackedArea } from "./StackedArea";
+export { default as Tree } from "./Tree";
+export { default as Treemap } from "./Treemap";
+export { default as Viz } from "./Viz";

package/es/src/charts/plotBuffers/Bar.js

@@ -0,0 +1,65 @@
+import { max, min, sum } from "d3-array";
+import { nest } from "d3-collection";
+/**
+    @module barBuffer
+    @desc Adds a buffer to either side of the non-discrete axis.
+    @param {Array} data
+    @param {D3Scale} x
+    @param {D3Scale} y
+    @param {Object} [config]
+    @param {Number} [buffer = 10]
+    @private
+*/ export default function(param) {
+    var _this = this;
+    var data = param.data, x = param.x, y = param.y, x2 = param.x2, y2 = param.y2, _param_buffer = param.buffer, buffer = _param_buffer === void 0 ? 10 : _param_buffer;
+    var xKey = x2 ? "x2" : "x";
+    var yKey = y2 ? "y2" : "y";
+    var oppScale = this._discrete === "x" ? y : x;
+    var oppDomain = oppScale.domain().slice();
+    var isDiscreteX = this._discrete === "x";
+    if (isDiscreteX) oppDomain.reverse();
+    var negVals, posVals;
+    if (this._stacked) {
+        var groupedData = nest().key(function(d) {
+            return "".concat(d[_this._discrete], "_").concat(d.group);
+        }).entries(data).map(function(d) {
+            return d.values.map(function(x) {
+                return x[isDiscreteX ? yKey : xKey];
+            });
+        });
+        posVals = groupedData.map(function(arr) {
+            return sum(arr.filter(function(d) {
+                return d > 0;
+            }));
+        });
+        negVals = groupedData.map(function(arr) {
+            return sum(arr.filter(function(d) {
+                return d < 0;
+            }));
+        });
+    } else {
+        var allValues = data.map(function(d) {
+            return d[isDiscreteX ? yKey : xKey];
+        });
+        posVals = allValues.filter(function(d) {
+            return d > 0;
+        });
+        negVals = allValues.filter(function(d) {
+            return d < 0;
+        });
+    }
+    var bMax = oppScale(max(posVals));
+    if (isDiscreteX ? bMax < oppScale(0) : bMax > oppScale(0)) bMax += isDiscreteX ? -buffer : buffer;
+    bMax = oppScale.invert(bMax);
+    var bMin = oppScale(min(negVals));
+    if (isDiscreteX ? bMin > oppScale(0) : bMin < oppScale(0)) bMin += isDiscreteX ? buffer : -buffer;
+    bMin = oppScale.invert(bMin);
+    if (bMax > oppDomain[1]) oppDomain[1] = bMax;
+    if (bMin < oppDomain[0]) oppDomain[0] = bMin;
+    if (isDiscreteX) oppDomain.reverse();
+    oppScale.domain(oppDomain);
+    return [
+        x,
+        y
+    ];
+}

package/es/src/charts/plotBuffers/Box.js

@@ -0,0 +1,60 @@
+import { max, min, sum } from "d3-array";
+import { nest } from "d3-collection";
+/**
+    @module boxBuffer
+    @desc Adds a buffer to either side of the non-discrete axis.
+    @param {Array} data
+    @param {D3Scale} x
+    @param {D3Scale} y
+    @param {Object} [config]
+    @param {Number} [buffer = 10]
+    @private
+*/ export default function(param) {
+    var _this = this;
+    var data = param.data, x = param.x, y = param.y, x2 = param.x2, y2 = param.y2, _param_buffer = param.buffer, buffer = _param_buffer === void 0 ? 10 : _param_buffer;
+    var xKey = x2 ? "x2" : "x";
+    var yKey = y2 ? "y2" : "y";
+    var oppScale = this._discrete === "x" ? y : x;
+    var oppDomain = oppScale.domain().slice();
+    var isDiscreteX = this._discrete === "x";
+    if (isDiscreteX) oppDomain.reverse();
+    var negVals, posVals;
+    if (this._stacked) {
+        var groupedData = nest().key(function(d) {
+            return d[_this._discrete];
+        }).entries(data).map(function(d) {
+            return d.values.map(function(x) {
+                return x[isDiscreteX ? yKey : xKey];
+            });
+        });
+        posVals = groupedData.map(function(arr) {
+            return sum(arr.filter(function(d) {
+                return d > 0;
+            }));
+        });
+        negVals = groupedData.map(function(arr) {
+            return sum(arr.filter(function(d) {
+                return d < 0;
+            }));
+        });
+    } else {
+        posVals = data.map(function(d) {
+            return d[isDiscreteX ? yKey : xKey];
+        });
+        negVals = posVals;
+    }
+    var bMax = oppScale(max(posVals));
+    bMax += isDiscreteX ? -buffer : buffer;
+    bMax = oppScale.invert(bMax);
+    var bMin = oppScale(min(negVals));
+    bMin += isDiscreteX ? buffer : -buffer;
+    bMin = oppScale.invert(bMin);
+    if (bMax > oppDomain[1]) oppDomain[1] = bMax;
+    if (bMin < oppDomain[0]) oppDomain[0] = bMin;
+    if (isDiscreteX) oppDomain.reverse();
+    oppScale.domain(oppDomain);
+    return [
+        x,
+        y
+    ];
+}

package/es/src/charts/plotBuffers/Circle.js

@@ -0,0 +1,39 @@
+import discreteBuffer from "./discreteBuffer.js";
+import numericBuffer from "./numericBuffer.js";
+/**
+    @module circleBuffer
+    @desc Adds a buffer to either side of the non-discrete axis.
+    @param {Array} data
+    @param {D3Scale} x
+    @param {D3Scale} y
+    @param {Object} [config]
+    @param {Number} [buffer] Defaults to the radius of the largest Circle.
+    @private
+*/ export default function(param) {
+    var data = param.data, x = param.x, y = param.y, x2 = param.x2, y2 = param.y2, yScale = param.yScale, xScale = param.xScale, config = param.config, buffer = param.buffer;
+    x = x.copy();
+    y = y.copy();
+    var xKey = x2 ? "x2" : "x";
+    var yKey = y2 ? "y2" : "y";
+    var xD = x.domain().slice(), yD = y.domain().slice();
+    var xR = x.range(), yR = y.range();
+    if (!x.invert && x.padding) discreteBuffer(x, data, this._discrete);
+    if (!y.invert && y.padding) discreteBuffer(y, data, this._discrete);
+    if (x.invert || y.invert) {
+        data.forEach(function(d) {
+            var s = buffer ? buffer : config.r(d.data, d.i) * 2;
+            if (x.invert) {
+                xD = numericBuffer(x, xScale, d[xKey], s, xR, xD, 0, false);
+                xD = numericBuffer(x, xScale, d[xKey], s, xR, xD, 1, false);
+            }
+            if (y.invert) {
+                yD = numericBuffer(y, yScale, d[yKey], s, yR, yD, 0, true);
+                yD = numericBuffer(y, yScale, d[yKey], s, yR, yD, 1, true);
+            }
+        });
+    }
+    return [
+        x,
+        y
+    ];
+}

package/es/src/charts/plotBuffers/Line.js

@@ -0,0 +1,30 @@
+import { max } from "d3-array";
+/**
+    @module lineBuffer
+    @desc Adds a buffer to either side of the non-discrete axis.
+    @param {Array} data
+    @param {D3Scale} x
+    @param {D3Scale} y
+    @param {Object} [config]
+    @param {Number} [buffer] Defaults to the radius of the largest Circle.
+    @private
+*/ export default function(param) {
+    var _this = this;
+    var data = param.data, x = param.x, y = param.y, x2 = param.x2, y2 = param.y2;
+    var xKey = x2 ? "x2" : "x";
+    var yKey = y2 ? "y2" : "y";
+    var s = this._discrete === "x" ? y : x;
+    var d = s.domain().slice();
+    if (this._discrete === "x") d.reverse();
+    var vals = data.map(function(d) {
+        return d[_this._discrete === "x" ? yKey : xKey];
+    });
+    var b = s.invert(s(max(vals)) + (this._discrete === "x" ? -10 : 10));
+    if (b > d[1]) d[1] = b;
+    if (this._discrete === "x") d.reverse();
+    s.domain(d);
+    return [
+        x,
+        y
+    ];
+}

package/es/src/charts/plotBuffers/Rect.js

@@ -0,0 +1,40 @@
+import discreteBuffer from "./discreteBuffer.js";
+import numericBuffer from "./numericBuffer.js";
+/**
+    @module rectBuffer
+    @desc Adds a buffer to either side of the non-discrete axis.
+    @param {Array} data
+    @param {D3Scale} x
+    @param {D3Scale} y
+    @param {Object} [config]
+    @param {Number} [buffer] Defaults to the width/height of the largest Rect.
+    @private
+*/ export default function(param) {
+    var data = param.data, x = param.x, y = param.y, x2 = param.x2, y2 = param.y2, yScale = param.yScale, xScale = param.xScale, config = param.config;
+    x = x.copy();
+    y = y.copy();
+    var xKey = x2 ? "x2" : "x";
+    var yKey = y2 ? "y2" : "y";
+    var xD = x.domain().slice(), yD = y.domain().slice();
+    var xR = x.range(), yR = y.range();
+    if (!x.invert && x.padding) discreteBuffer(x, data, this._discrete);
+    if (!y.invert && y.padding) discreteBuffer(y, data, this._discrete);
+    if (x.invert || y.invert) {
+        data.forEach(function(d) {
+            if (x.invert) {
+                var w = config.width(d.data, d.i);
+                xD = numericBuffer(x, xScale, d[xKey], w, xR, xD, 0, false);
+                xD = numericBuffer(x, xScale, d[xKey], w, xR, xD, 1, false);
+            }
+            if (y.invert) {
+                var h = config.height(d.data, d.i);
+                yD = numericBuffer(y, yScale, d[yKey], h, yR, yD, 0, true);
+                yD = numericBuffer(y, yScale, d[yKey], h, yR, yD, 1, true);
+            }
+        });
+    }
+    return [
+        x,
+        y
+    ];
+}