@d3plus/core 3.0.16 → 3.1.0

package/es/src/charts/Plot.js

@@ -1,4 +1,4 @@
-/* eslint no-cond-assign: 0 */ function _array_like_to_array(arr, len) {
+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;
@@ -84,6 +84,7 @@ function _inherits(subClass, superClass) {
     if (superClass) _set_prototype_of(subClass, superClass);
 }
 function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -160,15 +161,15 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
-import { deviation, extent, max, mean, merge, min, range, sum } from "d3-array";
-import { nest } from "d3-collection";
+/* eslint no-cond-assign: 0*/ import { deviation, extent, groups, max, mean, merge, min, range, rollups, sum } from "d3-array";
 import * as scales from "d3-scale";
 import * as d3Shape from "d3-shape";
+// @ts-ignore
 import pkg from "open-color/open-color.js";
 var openColor = pkg.theme;
 import { colorAssign, colorContrast, colorDefaults, colorLegible } from "@d3plus/color";
 import { merge as d3plusMerge, unique } from "@d3plus/data";
-import { assign, date, elem, rtl, textWidth } from "@d3plus/dom";
+import { assign, backgroundColor, date, elem, rtl, textWidth } from "@d3plus/dom";
 import { largestRect } from "@d3plus/math";
 import { formatAbbreviate } from "@d3plus/format";
 import { AxisBottom, AxisLeft, AxisRight, AxisTop, TextBox } from "../components/index.js";
@@ -191,13 +192,13 @@ var defaultBuffers = {
     Rect: RectBuffer
 };
 /**
-    @desc Logic for determining default sizes of shapes using the sizeScaleD3 internal function.
+    Logic for determining default sizes of shapes using the sizeScaleD3 internal function.
     @private
 */ function defaultSize(d) {
     return this._sizeScaleD3(this._size ? this._size(d) : null);
 }
 /**
-    @desc Logic for determining stackOrder ascending using groups.
+    Logic for determining stackOrder ascending using groups.
     @private
 */ function stackOrderAscending(series) {
     var sums = series.map(stackSum);
@@ -209,13 +210,13 @@ var defaultBuffers = {
     });
 }
 /**
-    @desc Logic for determining stackOrder descending using groups.
+    Logic for determining stackOrder descending using groups.
     @private
 */ function stackOrderDescending(series) {
     return stackOrderAscending(series).reverse();
 }
 /**
-    @desc Logic for determining default sum of shapes using the stackSum function used in d3Shape.
+    Logic for determining default sum of shapes using the stackSum function used in d3Shape.
     @private
 */ function stackSum(series) {
     var i = -1, s = 0, v;
@@ -224,7 +225,7 @@ var defaultBuffers = {
     return s;
 }
 /**
-    @desc Logic for determining default sum of shapes using the stackSum function used in d3Shape.
+    Logic for determining default sum of shapes using the stackSum function used in d3Shape.
     @private
 */ function stackOffsetDiverging(series, order) {
     var n;
@@ -286,7 +287,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
             Line: false
         });
         _this._confidenceConfig = {
-            fill: function(d, i) {
+            fill: function fill(d, i) {
                 var c = typeof _this._shapeConfig.Line.stroke === "function" ? _this._shapeConfig.Line.stroke(d, i) : _this._shapeConfig.Line.stroke;
                 return c;
             },
@@ -299,7 +300,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
         };
         _this._labelPosition = constant("auto");
         _this._lineMarkerConfig = {
-            fill: function(d, i) {
+            fill: function fill(d, i) {
                 return colorAssign(_this._id(d, i));
             },
             r: constant(3)
@@ -313,10 +314,10 @@ var Plot = /*#__PURE__*/ function(Viz) {
         _this._shape = constant("Circle");
         _this._shapeConfig = assign(_this._shapeConfig, {
             Area: {
-                label: function(d, i) {
+                label: function label(d, i) {
                     return _this._stacked ? _this._drawLabel(d, i) : false;
                 },
-                labelBounds: function(d, i, aes) {
+                labelBounds: function labelBounds(d, i, aes) {
                     var r = largestRect(aes.points, {
                         angle: range(-20, 20, 5)
                     });
@@ -346,7 +347,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     padding: 10
                 }
             },
-            ariaLabel: function(d, i) {
+            ariaLabel: function ariaLabel(d, i) {
                 var ariaLabelStr = "";
                 if (d.nested) ariaLabelStr = "".concat(_this._drawLabel(d.data, d.i));
                 else {
@@ -381,10 +382,18 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     fontMin: 6,
                     fontResize: true,
                     fontColor: function fontColor(d, i) {
-                        return outside.bind(this)(d, i) ? this._backgroundConfig.fill === "transparent" ? colorDefaults.dark : colorContrast(this._backgroundConfig.fill) : colorContrast(typeof this._shapeConfig.fill === "function" ? this._shapeConfig.fill(d, i) : this._shapeConfig.fill);
+                        if (outside.bind(this)(d, i)) {
+                            var bg = this._backgroundConfig.fill === "transparent" ? backgroundColor(this._select.node()) : this._backgroundConfig.fill;
+                            return colorContrast(bg);
+                        }
+                        return colorContrast(typeof this._shapeConfig.fill === "function" ? this._shapeConfig.fill(d, i) : this._shapeConfig.fill);
                     },
                     fontStroke: function fontStroke(d, i) {
-                        return outside.bind(this)(d, i) ? this._backgroundConfig.fill === "transparent" ? colorDefaults.dark : colorContrast(this._backgroundConfig.fill) : "transparent";
+                        if (outside.bind(this)(d, i)) {
+                            var bg = this._backgroundConfig.fill === "transparent" ? backgroundColor(this._select.node()) : this._backgroundConfig.fill;
+                            return colorContrast(bg);
+                        }
+                        return "transparent";
                     },
                     fontStrokeWidth: function fontStrokeWidth(d, i) {
                         return outside.bind(this)(d, i) ? 0.1 : 0;
@@ -411,12 +420,12 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 r: defaultSize.bind(_this)
             },
             Line: {
-                curve: function() {
+                curve: function curve() {
                     return _this._discrete ? "monotone".concat(_this._discrete.charAt(0).toUpperCase()) : "linear";
                 },
                 fill: constant("none"),
                 labelConfig: {
-                    fontColor: function(d, i) {
+                    fontColor: function fontColor(d, i) {
                         var c = typeof _this._shapeConfig.Line.stroke === "function" ? _this._shapeConfig.Line.stroke(d, i) : _this._shapeConfig.Line.stroke;
                         return colorLegible(c);
                     },
@@ -428,10 +437,10 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 strokeWidth: constant(2)
             },
             Rect: {
-                height: function(d) {
+                height: function height(d) {
                     return defaultSize.bind(_this)(d) * 2;
                 },
-                width: function(d) {
+                width: function width(d) {
                     return defaultSize.bind(_this)(d) * 2;
                 }
             }
@@ -454,7 +463,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
         _this._stackOffset = stackOffsetDiverging;
         _this._stackOrder = stackOrderDescending;
         _this._timelineConfig = assign(_this._timelineConfig, {
-            brushMin: function() {
+            brushMin: function brushMin() {
                 return _this._xTime || _this._yTime || _this._x2Time || _this._y2Time ? 2 : 1;
             }
         });
@@ -464,11 +473,14 @@ var Plot = /*#__PURE__*/ function(Viz) {
         _this._xTest = new AxisBottom().align("end").gridSize(0);
         _this._xConfig = {
             gridConfig: {
-                stroke: function(d) {
+                stroke: function stroke(d) {
                     if (_this._discrete && _this._discrete.charAt(0) === "x") return "transparent";
                     var range = _this._xAxis.range();
-                    // hides left-most x gridline so it doesn't overlap with the y axis
-                    return range[0] === _this._xAxis._getPosition.bind(_this._xAxis)(d.id) ? "transparent" : openColor.colors.gray[200];
+                    var position = _this._xAxis._getPosition.bind(_this._xAxis)(d.id);
+                    if (range[0] === position) return "transparent";
+                    var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                    var contrast = colorContrast(bg);
+                    return contrast === colorDefaults.dark ? openColor.colors.gray[200] : openColor.colors.gray[600];
                 }
             }
         };
@@ -485,11 +497,14 @@ var Plot = /*#__PURE__*/ function(Viz) {
         _this._yTest = new AxisLeft().align("start").gridSize(0);
         _this._yConfig = {
             gridConfig: {
-                stroke: function(d) {
+                stroke: function stroke(d) {
                     if (_this._discrete && _this._discrete.charAt(0) === "y") return "transparent";
                     var range = _this._yAxis.range();
-                    // hides bottom-most y gridline so it doesn't overlap with the x axis
-                    return range[range.length - 1] === _this._yAxis._getPosition.bind(_this._yAxis)(d.id) ? "transparent" : openColor.colors.gray[200];
+                    var position = _this._yAxis._getPosition.bind(_this._yAxis)(d.id);
+                    if (range[range.length - 1] === position) return "transparent";
+                    var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                    var contrast = colorContrast(bg);
+                    return contrast === colorDefaults.dark ? openColor.colors.gray[200] : openColor.colors.gray[600];
                 }
             }
         };
@@ -506,7 +521,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
             /**
       Extends the preDraw behavior of the abstract Viz class.
       @private
-  */ key: "_preDraw",
+*/ key: "_preDraw",
             value: function _preDraw() {
                 var _this = this;
                 // logic repeated for each axis
@@ -540,17 +555,17 @@ var Plot = /*#__PURE__*/ function(Viz) {
             /**
       Extends the draw behavior of the abstract Viz class.
       @private
-  */ key: "_draw",
+*/ key: "_draw",
             value: function _draw(callback) {
                 var _this = this;
                 if (!this._filteredData.length && !this._annotations.length) return this;
-                /* Determines whether or not any of the x or y axes are a "time" axis. */ var firstElemTime = this._time ? this._time(this._filteredData[0], 0) : false;
+                /* Determines whether or not any of the x or y axes are a "time" axis.*/ var firstElemTime = this._time ? this._time(this._filteredData[0], 0) : false;
                 var x2Time = this._x2Time = firstElemTime && this._x2(this._filteredData[0], 0) === firstElemTime, xTime = this._xTime = firstElemTime && this._x(this._filteredData[0], 0) === firstElemTime, y2Time = this._y2Time = firstElemTime && this._y2(this._filteredData[0], 0) === firstElemTime, yTime = this._yTime = firstElemTime && this._y(this._filteredData[0], 0) === firstElemTime;
                 var timeAxis = xTime || x2Time || yTime || y2Time;
-                var stackGroup = function(d, i) {
+                var stackGroup = function stackGroup(d, i) {
                     return "".concat(!timeAxis && _this._time ? _this._time(d, i) : "time", "_").concat(_this._stacked ? "".concat(_this._groupBy.length > 1 ? _this._ids(d, i).slice(0, -1).join("_") : "group") : "".concat(_this._ids(d, i).join("_")));
                 };
-                var prepData = function(d, i) {
+                var prepData = function prepData(d, i) {
                     var newD = {
                         __d3plus__: true,
                         data: d,
@@ -599,11 +614,10 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     return d;
                 }), parent = this._select, transition = this._transition, width = this._width - this._margin.left - this._margin.right;
                 /**
-     * @desc Returns all unique values for a given axis.
-     * @param {String} axis
-     * @returns {Array}
-     * @private
-     */ function getAxisValues(axis) {
+        Returns all unique values for a given axis.
+        @param axis Which axis to return values for, "x" or "y".
+        @private
+*/ function getAxisValues(axis) {
                     var _this = this;
                     var timeData = this["_".concat(axis, "Time")];
                     var localData = timeData ? data : axisData;
@@ -616,19 +630,20 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     });
                     if (!filteredData.length) return [];
                     var numericValue = typeof filteredData[0][axis] === "number";
-                    var myData = this._discrete === axis ? nest().key(function(d) {
-                        return d[axis];
-                    }).rollup(function(leaves) {
+                    var myData = this._discrete === axis ? rollups(filteredData, function(leaves) {
                         return leaves.length === 1 ? leaves[0].data : d3plusMerge(leaves.map(function(d) {
                             return d.data;
                         }), _this._aggs);
-                    }).entries(filteredData).sort(function(a, b) {
-                        if (_this["_".concat(axis, "Sort")]) return _this["_".concat(axis, "Sort")](a.value, b.value);
-                        var aKey = timeData || numericValue ? parseFloat(a.key, 10) : a.key;
-                        var bKey = timeData || numericValue ? parseFloat(b.key, 10) : b.key;
+                    }, function(d) {
+                        return d[axis];
+                    }).sort(function(a, b) {
+                        if (_this["_".concat(axis, "Sort")]) return _this["_".concat(axis, "Sort")](a[1], b[1]);
+                        var aKey = timeData || numericValue ? parseFloat(a[0]) : a[0];
+                        var bKey = timeData || numericValue ? parseFloat(b[0]) : b[0];
                         return aKey - bKey;
-                    }).map(function(d) {
-                        return timeData ? date(d.key) : numericValue ? parseFloat(d.key, 10) : d.key;
+                    }).map(function(param) {
+                        var _param = _sliced_to_array(param, 1), key = _param[0];
+                        return timeData ? date(key) : numericValue ? parseFloat(key) : key;
                     }) : unique(filteredData.sort(function(a, b) {
                         return _this["_".concat(axis, "Sort")] ? _this["_".concat(axis, "Sort")](a.data, b.data) : a[axis] - b[axis];
                     }).map(function(d) {
@@ -658,11 +673,12 @@ var Plot = /*#__PURE__*/ function(Viz) {
                             "Bar"
                         ].includes(d.shape);
                     });
-                    var groupValues = nest().key(function(d) {
+                    var groupValues = groups(stackedData, function(d) {
                         return d.group;
-                    }).entries(stackedData).reduce(function(obj, d) {
-                        if (!obj[d.key]) obj[d.key] = 0;
-                        obj[d.key] += sum(d.values, function(dd) {
+                    }).reduce(function(obj, param) {
+                        var _param = _sliced_to_array(param, 2), key = _param[0], values = _param[1];
+                        if (!obj[key]) obj[key] = 0;
+                        obj[key] += sum(values, function(dd) {
                             return dd[opp];
                         });
                         return obj;
@@ -680,10 +696,11 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     stackKeys = Array.from(new Set(axisData.map(function(d) {
                         return d.id;
                     })));
-                    stackData = nest().key(function(d) {
+                    stackData = groups(axisData, function(d) {
                         return d.discrete;
-                    }).entries(axisData).map(function(d) {
-                        return d.values;
+                    }).map(function(param) {
+                        var _param = _sliced_to_array(param, 2), values = _param[1];
+                        return values;
                     });
                     stackData.forEach(function(g) {
                         var ids = Array.from(new Set(g.map(function(d) {
@@ -789,7 +806,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 }
                 var _domainScaleSetup_bind = _sliced_to_array(domainScaleSetup.bind(this)("x"), 4), xAutoDomain = _domainScaleSetup_bind[0], xScale = _domainScaleSetup_bind[1], x2AutoDomain = _domainScaleSetup_bind[2], x2Scale = _domainScaleSetup_bind[3];
                 var _domainScaleSetup_bind1 = _sliced_to_array(domainScaleSetup.bind(this)("y"), 4), yAutoDomain = _domainScaleSetup_bind1[0], yScale = _domainScaleSetup_bind1[1], y2AutoDomain = _domainScaleSetup_bind1[2], y2Scale = _domainScaleSetup_bind1[3];
-                var autoScale = function(axis, fallback) {
+                var autoScale = function autoScale(axis, fallback) {
                     var userScale = _this["_".concat(axis, "Config")].scale;
                     if (userScale === "auto") {
                         if (_this._discrete === axis) return fallback;
@@ -844,43 +861,45 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     }
                 });
                 var x = scales["scale".concat(xScale)]().domain(domains.x).range(range(0, width + 1, width / (domains.x.length - 1))), x2 = scales["scale".concat(x2Scale)]().domain(domains.x2).range(range(0, width + 1, width / (domains.x2.length - 1))), y = scales["scale".concat(yScale)]().domain(domains.y.reverse()).range(range(0, height + 1, height / (domains.y.length - 1))), y2 = scales["scale".concat(y2Scale)]().domain(domains.y2.reverse()).range(range(0, height + 1, height / (domains.y2.length - 1)));
-                var shapeData = nest().key(function(d) {
+                var shapeData = groups(data, function(d) {
                     return d.shape;
-                }).entries(data).sort(function(a, b) {
-                    return _this._shapeSort(a.key, b.key);
+                }).sort(function(param, param1) {
+                    var _param = _sliced_to_array(param, 1), a = _param[0], _param1 = _sliced_to_array(param1, 1), b = _param1[0];
+                    return _this._shapeSort(a, b);
                 });
                 var oppScale = this._discrete === "x" ? yScale : xScale;
                 if (oppScale !== "Point") {
-                    var allShapeData = nest().key(function(d) {
+                    var allShapeData = groups(axisData, function(d) {
                         return d.shape;
-                    }).entries(axisData);
-                    allShapeData.forEach(function(d) {
+                    });
+                    allShapeData.forEach(function(param) {
+                        var _param = _sliced_to_array(param, 2), key = _param[0], values = _param[1];
                         if ([
                             "Bar",
                             "Box"
-                        ].includes(d.key)) {
+                        ].includes(key)) {
                             discreteBuffer(_this._discrete === "x" ? x : y, data, _this._discrete);
                         }
-                        if (_this._buffer[d.key]) {
-                            var res = _this._buffer[d.key].bind(_this)({
-                                data: d.values,
+                        if (_this._buffer[key]) {
+                            var res = _this._buffer[key].bind(_this)({
+                                data: values,
                                 x: x,
                                 y: y,
                                 yScale: yConfigScale,
                                 xScale: xConfigScale,
-                                config: _this._shapeConfig[d.key]
+                                config: _this._shapeConfig[key]
                             });
                             x = res[0];
                             y = res[1];
-                            var res2 = _this._buffer[d.key].bind(_this)({
-                                data: d.values,
+                            var res2 = _this._buffer[key].bind(_this)({
+                                data: values,
                                 x: x2,
                                 y: y2,
                                 yScale: y2ConfigScale,
                                 xScale: x2ConfigScale,
                                 x2: true,
                                 y2: true,
-                                config: _this._shapeConfig[d.key]
+                                config: _this._shapeConfig[key]
                             });
                             x2 = res2[0];
                             y2 = res2[1];
@@ -920,7 +939,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     };
                     yC.tickSize = 0;
                     yC.shapeConfig = {
-                        labelBounds: function(d, i) {
+                        labelBounds: function labelBounds(d, i) {
                             var _d_labelBounds = d.labelBounds, width = _d_labelBounds.width, y = _d_labelBounds.y;
                             var height = _this._height / 2;
                             var x = i ? -height : 0;
@@ -1010,7 +1029,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     };
                     xC.tickSize = 0;
                     xC.shapeConfig = {
-                        labelBounds: function(d, i) {
+                        labelBounds: function labelBounds(d, i) {
                             var _d_labelBounds = d.labelBounds, height = _d_labelBounds.height, y = _d_labelBounds.y;
                             var width = _this._width / 2;
                             var x = i ? -width : 0;
@@ -1024,7 +1043,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         labelConfig: {
                             padding: 0,
                             rotate: 0,
-                            textAnchor: function(d) {
+                            textAnchor: function textAnchor(d) {
                                 return xTicks && d.id === xTicks[0] ? "start" : "end";
                             }
                         },
@@ -1045,9 +1064,9 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         if (d.shape !== "Line") return false;
                         return typeof _this._lineLabels === "function" ? _this._lineLabels(d.data, d.i) : true;
                     });
-                    var lineData = nest().key(function(d) {
+                    var lineData = groups(labelData, function(d) {
                         return d.id;
-                    }).entries(labelData);
+                    });
                     if (lineData.length) {
                         var userConfig = configPrep.bind(this)(this._shapeConfig, "shape", "Line");
                         testLineShape.config(userConfig);
@@ -1058,16 +1077,17 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         var fontFamilyAccessor = lineLabelConfig.fontFamily !== undefined ? lineLabelConfig.fontFamily : testTextBox.fontFamily();
                         var paddingAccessor = lineLabelConfig.padding !== undefined ? lineLabelConfig.padding : testTextBox.padding();
                         var labelFunction = userConfig.label || this._drawLabel;
-                        var xEstimate = function(d) {
+                        var xEstimate = function xEstimate(d) {
                             if (xConfigScale === "log" && d === 0) d = xDomain[0] < 0 ? _this._xTest._d3Scale.domain()[1] : _this._xTest._d3Scale.domain()[0];
                             return _this._xTest._getPosition.bind(_this._xTest)(d);
                         };
-                        var yEstimate = function(d) {
+                        var yEstimate = function yEstimate(d) {
                             if (yConfigScale === "log" && d === 0) d = yDomain[0] < 0 ? _this._yTest._d3Scale.domain()[1] : _this._yTest._d3Scale.domain()[0];
                             return _this._yTest._getPosition.bind(_this._yTest)(d);
                         };
-                        labelWidths = lineData.map(function(group) {
-                            var d = group.values[group.values.length - 1];
+                        labelWidths = lineData.map(function(param) {
+                            var _param = _sliced_to_array(param, 2), lineKey = _param[0], lineValues = _param[1];
+                            var d = lineValues[lineValues.length - 1];
                             var i;
                             while(d.__d3plus__ && d.data){
                                 d = d.data;
@@ -1087,20 +1107,20 @@ var Plot = /*#__PURE__*/ function(Viz) {
                                 "font-family": fontFamily,
                                 "font-weight": fontWeight
                             });
-                            var coords = group.values.map(function(d) {
+                            var coords = lineValues.map(function(d) {
                                 return [
                                     xEstimate(d.x),
                                     yEstimate(d.y)
                                 ];
                             });
-                            var myMaxX = max(group.values.map(function(d) {
+                            var myMaxX = max(lineValues.map(function(d) {
                                 return xEstimate(d.x);
                             }));
-                            var labelY = group.values.find(function(d) {
+                            var labelY = lineValues.find(function(d) {
                                 return xEstimate(d.x) === myMaxX;
                             }).y;
                             return {
-                                id: group.key,
+                                id: lineKey,
                                 labelWidth: labelWidth + labelPadding * 2,
                                 spaceNeeded: labelWidth + labelPadding * 4,
                                 value: labelY,
@@ -1109,7 +1129,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                                 fontSize: fontSize,
                                 fontColor: fontColor,
                                 maxX: myMaxX,
-                                xValue: max(group.values, function(d) {
+                                xValue: max(lineValues, function(d) {
                                     return d.x;
                                 }),
                                 coords: coords
@@ -1274,7 +1294,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 if (x2Exists) {
                     this._x2Axis.domain(x2Domain).height(height - (xHeight + topOffset + verticalMargin)).range(xRange).select(x2Group.node()).ticks(x2Ticks).width(width).config(xC).config(defaultX2Config).config(this._x2Config).scale(x2ConfigScale).render();
                 }
-                this._xFunc = x = function(d, x) {
+                this._xFunc = x = function x(d, x) {
                     if (x === "x2") {
                         if (x2ConfigScale === "log" && d === 0) d = x2Domain[0] < 0 ? _this._x2Axis._d3Scale.domain()[1] : _this._x2Axis._d3Scale.domain()[0];
                         return _this._x2Axis._getPosition.bind(_this._x2Axis)(d);
@@ -1296,16 +1316,16 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 }
                 var labelPositions = {};
                 if (labelWidths) {
-                    nest().key(function(d) {
+                    groups(labelWidths, function(d) {
                         return d.xValue;
-                    }).entries(labelWidths).forEach(function(param) {
-                        var values = param.values;
+                    }).forEach(function(param) {
+                        var _param = _sliced_to_array(param, 2), values = _param[1];
                         var minFontSize = max(values.map(function(d) {
                             return d.fontSize;
                         }));
                         var yBuckets = range(yRange[0], yRange[1], minFontSize).reverse();
                         var bumpLimit = (yRange[1] - yRange[0]) / 8;
-                        /** */ function bumpPrevious(d, i, arr) {
+                        /***/ function bumpPrevious(d, i, arr) {
                             if (!d.defaultY) d.defaultY = this._yAxis._getPosition(d.value);
                             if (i) {
                                 var prev = arr[i - 1];
@@ -1331,7 +1351,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         return obj;
                     }, {});
                 }
-                this._yFunc = y = function(d, y) {
+                this._yFunc = y = function y(d, y) {
                     if (y === "y2") {
                         if (y2ConfigScale === "log" && d === 0) d = y2Domain[1] < 0 ? _this._y2Axis._d3ScaleNegative.domain()[0] : _this._y2Axis._d3Scale.domain()[1];
                         return _this._y2Axis._getPosition.bind(_this._y2Axis)(d) - x2Height;
@@ -1372,13 +1392,13 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     }));
                     new shapes.Line().config({
                         data: data1,
-                        stroke: function(d) {
+                        stroke: function stroke(d) {
                             return d.fontColor;
                         },
-                        x: function(d) {
+                        x: function x(d) {
                             return d.x;
                         },
-                        y: function(d) {
+                        y: function y(d) {
                             return d.y;
                         }
                     }).config(this._labelConnectorConfig).select(connectorGroup).render();
@@ -1423,7 +1443,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     });
                     annotationData.forEach(function(annotation) {
                         new shapes[annotation.shape]().duration(_this._duration).config(annotation).config({
-                            x: function(d) {
+                            x: function x1(d) {
                                 return d.x2 ? x(d.x2, "x2") : x(d.x);
                             },
                             x0: _this._discrete === "x" ? function(d) {
@@ -1432,7 +1452,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                             x1: _this._discrete === "x" ? null : function(d) {
                                 return d.x2 ? x(d.x2, "x2") : x(d.x);
                             },
-                            y: function(d) {
+                            y: function y1(d) {
                                 return d.y2 ? y(d.y2, "y2") : y(d.y);
                             },
                             y0: _this._discrete === "y" ? function(d) {
@@ -1455,11 +1475,11 @@ var Plot = /*#__PURE__*/ function(Viz) {
                 var shapeConfig = {
                     discrete: this._discrete,
                     duration: this._duration,
-                    label: function(d) {
+                    label: function label(d) {
                         return _this._drawLabel(d.data, d.i);
                     },
                     select: shapeGroup,
-                    x: function(d) {
+                    x: function x1(d) {
                         return d.x2 !== undefined ? x(d.x2, "x2") : x(d.x);
                     },
                     x0: discrete1 === "x" ? function(d) {
@@ -1468,7 +1488,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     x1: discrete1 === "x" ? null : function(d) {
                         return d.x2 ? x(d.x2, "x2") : x(d.x);
                     },
-                    y: function(d) {
+                    y: function y1(d) {
                         return d.y2 !== undefined ? y(d.y2, "y2") : y(d.y);
                     },
                     y0: discrete1 === "y" ? function(d) {
@@ -1479,7 +1499,7 @@ var Plot = /*#__PURE__*/ function(Viz) {
                     }
                 };
                 var events = Object.keys(this._on);
-                shapeData.forEach(function(d) {
+                shapeData.forEach(function(param) {
                     var _loop = function(e) {
                         s.on(globalEvents[e], function(d, i, x, event) {
                             return _this._on[globalEvents[e]](d.data, d.i, x, event);
@@ -1493,6 +1513,11 @@ var Plot = /*#__PURE__*/ function(Viz) {
                             return _this._on[classEvents[e2]](d.data, d.i, x, event);
                         });
                     };
+                    var _param = _sliced_to_array(param, 2), key = _param[0], values = _param[1];
+                    var d = {
+                        key: key,
+                        values: values
+                    };
                     var shapeConfigInner = Object.assign({}, shapeConfig);
                     if (_this._stacked && [
                         "Area",
@@ -1534,19 +1559,22 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         else space = _$range[_$range.length - 1] - _$range[0];
                         if (_this._groupPadding < space) space -= _this._groupPadding;
                         var barSize = space || 1;
-                        var groups = nest().key(function(d) {
+                        var barGroups = groups(d.values, function(d) {
                             return d[_this._discrete];
-                        }).key(function(d) {
+                        }, function(d) {
                             return d.group;
-                        }).entries(d.values);
-                        var ids = merge(groups.map(function(d) {
-                            return d.values.map(function(v) {
-                                return v.key;
+                        });
+                        var ids = merge(barGroups.map(function(param) {
+                            var _param = _sliced_to_array(param, 2), innerEntries = _param[1];
+                            return innerEntries.map(function(param) {
+                                var _param = _sliced_to_array(param, 1), k = _param[0];
+                                return k;
                             });
                         }));
                         var uniqueIds = Array.from(new Set(ids));
-                        if (max(groups.map(function(d) {
-                            return d.values.length;
+                        if (max(barGroups.map(function(param) {
+                            var _param = _sliced_to_array(param, 2), innerEntries = _param[1];
+                            return innerEntries.length;
                         })) === 1) {
                             s[_this._discrete](function(d, i) {
                                 return shapeConfig[_this._discrete](d, i);
@@ -1572,13 +1600,13 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         if (_this._confidence) {
                             var areaConfig = Object.assign({}, shapeConfig);
                             var discrete = _this._discrete || "x";
-                            var key = discrete === "x" ? "y" : "x";
+                            var key1 = discrete === "x" ? "y" : "x";
                             var scaleFunction = discrete === "x" ? y : x;
-                            areaConfig["".concat(key, "0")] = function(d) {
-                                return scaleFunction(_this._confidence[0] ? d.lci : d[key]);
+                            areaConfig["".concat(key1, "0")] = function(d) {
+                                return scaleFunction(_this._confidence[0] ? d.lci : d[key1]);
                             };
-                            areaConfig["".concat(key, "1")] = function(d) {
-                                return scaleFunction(_this._confidence[1] ? d.hci : d[key]);
+                            areaConfig["".concat(key1, "1")] = function(d) {
+                                return scaleFunction(_this._confidence[1] ? d.hci : d[key1]);
                             };
                             var area = new shapes.Area().config(areaConfig).data(d.values);
                             var confidenceConfig = Object.assign(_this._shapeConfig, _this._confidenceConfig);
@@ -1655,8 +1683,9 @@ var Plot = /*#__PURE__*/ function(Viz) {
                         _this._shapes.push(markers);
                     }
                 });
-                var dataShapes = shapeData.map(function(d) {
-                    return d.key;
+                var dataShapes = shapeData.map(function(param) {
+                    var _param = _sliced_to_array(param, 1), key = _param[0];
+                    return key;
                 });
                 if (dataShapes.includes("Line")) {
                     if (this._confidence) dataShapes.push("Area");
@@ -1674,13 +1703,10 @@ var Plot = /*#__PURE__*/ function(Viz) {
         },
         {
             /**
-      @memberof Plot
-      @desc Allows drawing custom shapes to be used as annotations in the provided x/y plot. This method accepts custom config objects for the [Shape](http://d3plus.org/docs/#Shape) class, either a single config object or an array of config objects. Each config object requires an additional parameter, the "shape", which denotes which [Shape](http://d3plus.org/docs/#Shape) sub-class to use ([Rect](http://d3plus.org/docs/#Rect), [Line](http://d3plus.org/docs/#Line), etc).
+      Allows drawing custom shapes to be used as annotations in the provided x/y plot. This method accepts custom config objects for the [Shape](http://d3plus.org/docs/#Shape) class, either a single config object or an array of config objects. Each config object requires an additional parameter, the "shape", which denotes which [Shape](http://d3plus.org/docs/#Shape) sub-class to use ([Rect](http://d3plus.org/docs/#Rect), [Line](http://d3plus.org/docs/#Line), etc).
 
 Additionally, each config object can also contain an optional "layer" key, which defines whether the annotations will be displayed in "front" or in "back" of the primary visualization shapes. This value defaults to "back" if not present.
-      @param {Array|Object} *annotations* = []
-      @chainable
-  */ key: "annotations",
+*/ key: "annotations",
             value: function annotations(_) {
                 return arguments.length ? (this._annotations = _instanceof(_, Array) ? _ : [
                     _
@@ -1689,55 +1715,40 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc Determines whether the x and y axes should have their scales persist while users filter the data, the timeline being the prime example (set this to `true` to make the axes stay consistent when the timeline changes).
-      @param {Boolean} [*value* = false]
-      @chainable
-  */ key: "axisPersist",
+      Determines whether the x and y axes should have their scales persist while users filter the data, the timeline being the prime example (set this to `true` to make the axes stay consistent when the timeline changes).
+*/ key: "axisPersist",
             value: function axisPersist(_) {
                 return arguments.length ? (this._axisPersist = _, this) : this._axisPersist;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc A d3plus-shape configuration Object used for styling the background rectangle of the inner x/y plot (behind all of the shapes and gridlines).
-       @param {Object} [*value*]
-       @chainable
-   */ key: "backgroundConfig",
+       A d3plus-shape configuration Object used for styling the background rectangle of the inner x/y plot (behind all of the shapes and gridlines).
+*/ key: "backgroundConfig",
             value: function backgroundConfig(_) {
                 return arguments.length ? (this._backgroundConfig = assign(this._backgroundConfig, _), this) : this._backgroundConfig;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the pixel space between each bar in a group of bars.
-      @param {Number} *value* = 0
-      @chainable
-  */ key: "barPadding",
+      The pixel space between each bar in a group of bars.
+*/ key: "barPadding",
             value: function barPadding(_) {
                 return arguments.length ? (this._barPadding = _, this) : this._barPadding;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the baseline for the x/y plot. If *value* is not specified, returns the current baseline.
-      @param {Number} *value*
-      @chainable
-  */ key: "baseline",
+      The baseline for the x/y plot.
+*/ key: "baseline",
             value: function baseline(_) {
                 return arguments.length ? (this._baseline = _, this) : this._baseline;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc Determines whether or not to add additional padding at the ends of x or y scales. The most commone use for this is in Scatter Plots, so that the shapes do not appear directly on the axis itself. The value provided can either be `true` or `false` to toggle the behavior for all shape types, or a keyed Object for each shape type (ie. `{Bar: false, Circle: true, Line: false}`).
-       @param {Object|Boolean} [*value*]
-       @chainable
-   */ key: "buffer",
+      Determines whether or not to add additional padding at the ends of x or y scales. The most commone use for this is in Scatter Plots, so that the shapes do not appear directly on the axis itself. The value provided can either be `true` or `false` to toggle the behavior for all shape types, or a keyed Object for each shape type (ie. `{Bar: false, Circle: true, Line: false}`).
+*/ key: "buffer",
             value: function buffer(_) {
                 if (arguments.length) {
                     if (!_) this._buffer = {};
@@ -1755,11 +1766,9 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-       @memberof Plot
-       @desc Sets the confidence to the specified array of lower and upper bounds.
-       @param {String[]|Function[]} *value*
-       @chainable
-       @example <caption>Can be called with accessor functions or static keys:</caption>
+       The confidence interval as an array of [lower, upper] bounds.
+
+@example <caption>Can be called with accessor functions or static keys:</caption>
        var data = {id: "alpha", value: 10, lci: 9, hci: 11};
        ...
        // Accessor functions
@@ -1767,7 +1776,7 @@ Additionally, each config object can also contain an optional "layer" key, which
 
        // Or static keys
        .confidence(["lci", "hci"])
-   */ key: "confidence",
+*/ key: "confidence",
             value: function confidence(_) {
                 if (arguments.length && _instanceof(_, Array)) {
                     this._confidence = [];
@@ -1781,176 +1790,128 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-       @memberof Plot
-       @desc If *value* is specified, sets the config method for each shape rendered as a confidence interval and returns the current class instance.
-       @param {Object} [*value*]
-       @chainable
-   */ key: "confidenceConfig",
+       Configuration object for shapes rendered as confidence intervals.
+*/ key: "confidenceConfig",
             value: function confidenceConfig(_) {
                 return arguments.length ? (this._confidenceConfig = assign(this._confidenceConfig, _), this) : this._confidenceConfig;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc When the width or height of the chart is less than or equal to this pixel value, the discrete axis will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
-      @param {Number} *value*
-      @chainable
-  */ key: "discreteCutoff",
+      When the width or height of the chart is less than or equal to this pixel value, the discrete axis will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
+*/ key: "discreteCutoff",
             value: function discreteCutoff(_) {
                 return arguments.length ? (this._discreteCutoff = _, this) : this._discreteCutoff;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the pixel space between groups of bars.
-      @param {Number} [*value* = 5]
-      @chainable
-  */ key: "groupPadding",
+      The pixel space between groups of bars.
+*/ key: "groupPadding",
             value: function groupPadding(_) {
                 return arguments.length ? (this._groupPadding = _, this) : this._groupPadding;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc The d3plus-shape config used on the Line shapes created to connect lineLabels to the end of their associated Line path.
-       @param {Object} [*value*]
-       @chainable
-   */ key: "labelConnectorConfig",
+       The d3plus-shape config used on the Line shapes created to connect lineLabels to the end of their associated Line path.
+*/ key: "labelConnectorConfig",
             value: function labelConnectorConfig(_) {
                 return arguments.length ? (this._labelConnectorConfig = assign(this._labelConnectorConfig, _), this) : this._labelConnectorConfig;
             }
         },
         {
             /**
-      @memberof Viz
-      @desc The behavior to be used when calculating the position and size of each shape's label(s). The value passed can either be the _String_ name of the behavior to be used for all shapes, or an accessor _Function_ that will be provided each data point and will be expected to return the behavior to be used for that data point. The availability and options for this method depend on the default logic for each Shape. As an example, the values "outside" or "inside" can be set for Bar shapes, whose "auto" default will calculate the best position dynamically based on the available space.
-      @param {Function|String} [*value* = "auto"]
-      @chainable
-  */ key: "labelPosition",
+      The behavior to be used when calculating the position and size of each shape's label(s). The value passed can either be the _String_ name of the behavior to be used for all shapes, or an accessor _Function_ that will be provided each data point and will be expected to return the behavior to be used for that data point. The availability and options for this method depend on the default logic for each Shape. As an example, the values "outside" or "inside" can be set for Bar shapes, whose "auto" default will calculate the best position dynamically based on the available space.
+*/ key: "labelPosition",
             value: function labelPosition(_) {
                 return arguments.length ? (this._labelPosition = typeof _ === "function" ? _ : constant(_), this) : this._labelPosition;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Draws labels on the right side of any Line shapes that are drawn on the plot.
-      @param {Boolean|Function} [*value* = false]
-      @chainable
-  */ key: "lineLabels",
+      Draws labels on the right side of any Line shapes that are drawn on the plot.
+*/ key: "lineLabels",
             value: function lineLabels(_) {
                 return arguments.length ? (this._lineLabels = _, this) : this._lineLabels;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Shape config for the Circle shapes drawn by the lineMarkers method.
-      @param {Object} *value*
-      @chainable
-  */ key: "lineMarkerConfig",
+      Shape config for the Circle shapes drawn by the lineMarkers method.
+*/ key: "lineMarkerConfig",
             value: function lineMarkerConfig(_) {
                 return arguments.length ? (this._lineMarkerConfig = assign(this._lineMarkerConfig, _), this) : this._lineMarkerConfig;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Draws circle markers on each vertex of a Line.
-      @param {Boolean} [*value* = false]
-      @chainable
-  */ key: "lineMarkers",
+      Draws circle markers on each vertex of a Line.
+*/ key: "lineMarkers",
             value: function lineMarkers(_) {
                 return arguments.length ? (this._lineMarkers = _, this) : this._lineMarkers;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc A JavaScript [sort comparator function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) that receives each shape Class (ie. "Circle", "Line", etc) as it's comparator arguments. Shapes are drawn in groups based on their type, so you are defining the layering order for all shapes of said type.
-      @param {Function} *value*
-      @chainable
-  */ key: "shapeSort",
+      A JavaScript [sort comparator function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) that receives each shape Class (ie. "Circle", "Line", etc) as it's comparator arguments. Shapes are drawn in groups based on their type, so you are defining the layering order for all shapes of said type.
+*/ key: "shapeSort",
             value: function shapeSort(_) {
                 return arguments.length ? (this._shapeSort = _, this) : this._shapeSort;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the size of bubbles to the given Number, data key, or function.
-      @param {Function|Number|String} *value* = 10
-      @chainable
-  */ key: "size",
+      Sets the size of bubbles to the given Number, data key, or function.
+*/ key: "size",
             value: function size(_) {
                 return arguments.length ? (this._size = typeof _ === "function" || !_ ? _ : accessor(_), this) : this._size;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the size scale maximum to the specified number.
-      @param {Number} *value* = 20
-      @chainable
-  */ key: "sizeMax",
+      Sets the size scale maximum to the specified number.
+*/ key: "sizeMax",
             value: function sizeMax(_) {
                 return arguments.length ? (this._sizeMax = _, this) : this._sizeMax;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the size scale minimum to the specified number.
-      @param {Number} *value* = 5
-      @chainable
-  */ key: "sizeMin",
+      Sets the size scale minimum to the specified number.
+*/ key: "sizeMin",
             value: function sizeMin(_) {
                 return arguments.length ? (this._sizeMin = _, this) : this._sizeMin;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the size scale to the specified string.
-      @param {String} *value* = "sqrt"
-      @chainable
-  */ key: "sizeScale",
+      Sets the size scale to the specified string.
+*/ key: "sizeScale",
             value: function sizeScale(_) {
                 return arguments.length ? (this._sizeScale = _, this) : this._sizeScale;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc If *value* is specified, toggles shape stacking. If *value* is not specified, returns the current stack value.
-      @param {Boolean} *value* = false
-      @chainable
-  */ key: "stacked",
+      If *value* is specified, toggles shape stacking. If *value* is not specified, returns the current stack value.
+*/ key: "stacked",
             value: function stacked(_) {
                 return arguments.length ? (this._stacked = _, this) : this._stacked;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the stack offset. If *value* is not specified, returns the current stack offset function.
-      @param {Function|String} *value* = "descending"
-      @chainable
-  */ key: "stackOffset",
+      Sets the stack offset. If *value* is not specified, returns the current stack offset function.
+*/ key: "stackOffset",
             value: function stackOffset(_) {
                 return arguments.length ? (this._stackOffset = typeof _ === "function" ? _ : d3Shape["stackOffset".concat(_.charAt(0).toUpperCase() + _.slice(1))], this) : this._stackOffset;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the stack order. If *value* is not specified, returns the current stack order function.
-      @param {Function|String|Array} *value* = "none"
-      @chainable
-  */ key: "stackOrder",
+      Sets the stack order. If *value* is not specified, returns the current stack order function.
+*/ key: "stackOrder",
             value: function stackOrder(_) {
                 if (arguments.length) {
                     if (typeof _ === "string") this._stackOrder = _ === "ascending" ? stackOrderAscending : _ === "descending" ? stackOrderDescending : d3Shape["stackOrder".concat(_.charAt(0).toUpperCase() + _.slice(1))];
@@ -1961,11 +1922,8 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the x accessor to the specified accessor Function or String representing which key in the data to reference. If *value* is not specified, returns the current x accessor.
-      @param {Function|String} *value*
-      @chainable
-  */ key: "x",
+      Accessor function or string key for the x-axis value of each data point.
+*/ key: "x",
             value: function x(_) {
                 if (arguments.length) {
                     if (typeof _ === "function") this._x = _;
@@ -1979,11 +1937,8 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-       @memberof Plot
-       @desc Sets the x2 accessor to the specified accessor Function or String representing which key in the data to reference. If *value* is not specified, returns the current x2 accessor.
-       @param {Function|String} *value*
-       @chainable
-   */ key: "x2",
+       Accessor function or string key for the secondary x-axis value of each data point.
+*/ key: "x2",
             value: function x2(_) {
                 if (arguments.length) {
                     if (typeof _ === "function") this._x2 = _;
@@ -1997,88 +1952,64 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the x-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
-      @param {Object} *value*
-      @chainable
-  */ key: "xConfig",
+      A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the x-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
+*/ key: "xConfig",
             value: function xConfig(_) {
                 return arguments.length ? (this._xConfig = assign(this._xConfig, _), this) : this._xConfig;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc When the width of the chart is less than or equal to this pixel value, and the x-axis is not the discrete axis, it will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
-      @param {Number} *value*
-      @chainable
-  */ key: "xCutoff",
+      When the width of the chart is less than or equal to this pixel value, and the x-axis is not the discrete axis, it will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
+*/ key: "xCutoff",
             value: function xCutoff(_) {
                 return arguments.length ? (this._xCutoff = _, this) : this._xCutoff;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the secondary x-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
-      @param {Object} *value*
-      @chainable
-  */ key: "x2Config",
+      A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the secondary x-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
+*/ key: "x2Config",
             value: function x2Config(_) {
                 return arguments.length ? (this._x2Config = assign(this._x2Config, _), this) : this._x2Config;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the x domain to the specified array. If *value* is not specified, returns the current x domain. Additionally, if either value of the array is undefined, it will be calculated from the data.
-      @param {Array} *value*
-      @chainable
-  */ key: "xDomain",
+      The x domain as an array. If either value is undefined, it will be calculated from the data.
+*/ key: "xDomain",
             value: function xDomain(_) {
                 return arguments.length ? (this._xDomain = _, this) : this._xDomain;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc Sets the x2 domain to the specified array. If *value* is not specified, returns the current x2 domain. Additionally, if either value of the array is undefined, it will be calculated from the data.
-       @param {Array} *value*
-       @chainable
-   */ key: "x2Domain",
+       The x2 domain as an array. If either value is undefined, it will be calculated from the data.
+*/ key: "x2Domain",
             value: function x2Domain(_) {
                 return arguments.length ? (this._x2Domain = _, this) : this._x2Domain;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Defines a custom sorting comparitor function to be used for discrete x axes.
-      @param {Function} *value*
-      @chainable
-  */ key: "xSort",
+      Defines a custom sorting comparitor function to be used for discrete x axes.
+*/ key: "xSort",
             value: function xSort(_) {
                 return arguments.length ? (this._xSort = _, this) : this._xSort;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc Defines a custom sorting comparitor function to be used for discrete x2 axes.
-       @param {Function} *value*
-       @chainable
-   */ key: "x2Sort",
+       Defines a custom sorting comparitor function to be used for discrete x2 axes.
+*/ key: "x2Sort",
             value: function x2Sort(_) {
                 return arguments.length ? (this._x2Sort = _, this) : this._x2Sort;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the y accessor to the specified accessor Function or String representing which key in the data to reference. If *value* is not specified, returns the current y accessor.
-      @param {Function|String} *value*
-      @chainable
-  */ key: "y",
+      Accessor function or string key for the y-axis value of each data point.
+*/ key: "y",
             value: function y(_) {
                 if (arguments.length) {
                     if (typeof _ === "function") this._y = _;
@@ -2092,11 +2023,8 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-       @memberof Plot
-       @desc Sets the y2 accessor to the specified accessor Function or String representing which key in the data to reference. If *value* is not specified, returns the current y2 accessor.
-       @param {Function|String} *value*
-       @chainable
-   */ key: "y2",
+       Accessor function or string key for the secondary y-axis value of each data point.
+*/ key: "y2",
             value: function y2(_) {
                 if (arguments.length) {
                     if (typeof _ === "function") this._y2 = _;
@@ -2110,13 +2038,10 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the y-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
+      A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the y-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
 
 *Note:* If a "domain" array is passed to the y-axis config, it will be reversed.
-      @param {Object} *value*
-      @chainable
-  */ key: "yConfig",
+*/ key: "yConfig",
             value: function yConfig(_) {
                 if (arguments.length) {
                     if (_.domain) _.domain = _.domain.slice().reverse();
@@ -2128,22 +2053,16 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc When the height of the chart is less than or equal to this pixel value, and the y-axis is not the discrete axis, it will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
-      @param {Number} *value*
-      @chainable
-  */ key: "yCutoff",
+      When the height of the chart is less than or equal to this pixel value, and the y-axis is not the discrete axis, it will not be shown. This helps produce slick sparklines. Set this value to `0` to disable the behavior entirely.
+*/ key: "yCutoff",
             value: function yCutoff(_) {
                 return arguments.length ? (this._yCutoff = _, this) : this._yCutoff;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the secondary y-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
-      @param {Object} *value*
-      @chainable
-  */ key: "y2Config",
+      A pass-through to the underlying [Axis](http://d3plus.org/docs/#Axis) config used for the secondary y-axis. Includes additional functionality where passing "auto" as the value for the [scale](http://d3plus.org/docs/#Axis.scale) method will determine if the scale should be "linear" or "log" based on the provided data.
+*/ key: "y2Config",
             value: function y2Config(_) {
                 if (arguments.length) {
                     if (_.domain) _.domain = _.domain.slice().reverse();
@@ -2155,44 +2074,32 @@ Additionally, each config object can also contain an optional "layer" key, which
         },
         {
             /**
-      @memberof Plot
-      @desc Sets the y domain to the specified array. If *value* is not specified, returns the current y domain. Additionally, if either value of the array is undefined, it will be calculated from the data.
-      @param {Array} *value*
-      @chainable
-  */ key: "yDomain",
+      The y domain as an array. If either value is undefined, it will be calculated from the data.
+*/ key: "yDomain",
             value: function yDomain(_) {
                 return arguments.length ? (this._yDomain = _, this) : this._yDomain;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc Sets the y2 domain to the specified array. If *value* is not specified, returns the current y2 domain. Additionally, if either value of the array is undefined, it will be calculated from the data.
-       @param {Array} *value*
-       @chainable
-   */ key: "y2Domain",
+       The y2 domain as an array. If either value is undefined, it will be calculated from the data.
+*/ key: "y2Domain",
             value: function y2Domain(_) {
                 return arguments.length ? (this._y2Domain = _, this) : this._y2Domain;
             }
         },
         {
             /**
-      @memberof Plot
-      @desc Defines a custom sorting comparitor function to be used for discrete y axes.
-      @param {Function} *value*
-      @chainable
-  */ key: "ySort",
+      Defines a custom sorting comparitor function to be used for discrete y axes.
+*/ key: "ySort",
             value: function ySort(_) {
                 return arguments.length ? (this._ySort = _, this) : this._ySort;
             }
         },
         {
             /**
-       @memberof Plot
-       @desc Defines a custom sorting comparitor function to be used for discrete y2 axes.
-       @param {Function} *value*
-       @chainable
-   */ key: "y2Sort",
+       Defines a custom sorting comparitor function to be used for discrete y2 axes.
+*/ key: "y2Sort",
             value: function y2Sort(_) {
                 return arguments.length ? (this._y2Sort = _, this) : this._y2Sort;
             }
@@ -2201,7 +2108,5 @@ Additionally, each config object can also contain an optional "layer" key, which
     return Plot;
 }(Viz);
 /**
-    @class Plot
-    @extends Viz
-    @desc Creates an x/y plot based on an array of data.
+    Creates an x/y plot based on an array of data.
 */ export { Plot as default };