@d3plus/docs 3.0.4 → 3.0.6

package/args/core/components/Tooltip.args.jsx

@@ -27,6 +27,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"arrow\"]",
+      description: "Sets the inner HTML content of the arrow element, which by default is empty.",
       table: {
         defaultValue: {
           detail: "d => d[\"arrow\"]",
@@ -43,6 +44,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{content: , background: inherit, border: inherit, border-width: 0 1px 1px 0, height: 10px, position: absolute, transform: rotate(45deg), width: 10px, z-index: -1}",
+      description: "If *value* is specified, sets the arrow styles to the specified values and returns this generator. If *value* is not specified, returns the current arrow styles.",
       table: {
         defaultValue: {
           summary: "{content: , background: inherit, border: inherit, border-width: 0 1px 1px 0, height: 10px, position: absolute, transform: rotate(45deg), width: 10px, z-index: -1}"
@@ -58,6 +60,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "colorDefaults.light",
+      description: "If *value* is specified, sets the background accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current background accessor.",
       table: {
         defaultValue: {
           summary: "colorDefaults.light"
@@ -73,6 +76,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"body\"]",
+      description: "If *value* is specified, sets the body accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current body accessor.",
       table: {
         defaultValue: {
           detail: "d => d[\"body\"]",
@@ -89,6 +93,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{font-size: 12px, font-weight: 400, z-index: 1}",
+      description: "If *value* is specified, sets the body styles to the specified values and returns this generator. If *value* is not specified, returns the current body styles.",
       table: {
         defaultValue: {
           summary: "{font-size: 12px, font-weight: 400, z-index: 1}"
@@ -104,6 +109,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "1px solid rgba(0, 0, 0, 0.25)",
+      description: "If *value* is specified, sets the border accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current border accessor.",
       table: {
         defaultValue: {
           summary: "1px solid rgba(0, 0, 0, 0.25)"
@@ -119,6 +125,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "4px",
+      description: "If *value* is specified, sets the border-radius accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current border-radius accessor.",
       table: {
         defaultValue: {
           summary: "4px"
@@ -134,6 +141,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d3plus-tooltip",
+      description: "If *value* is specified, sets the class name to the specified string and returns this generator. If *value* is not specified, returns the current class name.",
       table: {
         defaultValue: {
           summary: "d3plus-tooltip"
@@ -146,12 +154,13 @@ export const argTypes = assign(
     },
     data: {
       control: {
-        type: "array"
+        type: "object"
       },
-      defaultValue: "[\n\n]",
+      defaultValue: "[  ]",
+      description: "If *data* is specified, sets the data array to the specified array and returns this generator. If *data* is not specified, returns the current data array.",
       table: {
         defaultValue: {
-          summary: "[\n\n]"
+          summary: "[  ]"
         }
       },
       type: {
@@ -164,6 +173,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"footer\"]",
+      description: "If *value* is specified, sets the footer accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current footer accessor.",
       table: {
         defaultValue: {
           detail: "d => d[\"footer\"]",
@@ -180,6 +190,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{font-size: 9px, font-weight: 400, margin-top: 5px, z-index: 1}",
+      description: "If *value* is specified, sets the footer styles to the specified values and returns this generator. If *value* is not specified, returns the current footer styles.",
       table: {
         defaultValue: {
           summary: "{font-size: 9px, font-weight: 400, margin-top: 5px, z-index: 1}"
@@ -195,6 +206,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "auto",
+      description: "If *value* is specified, sets the height accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current height accessor.",
       table: {
         defaultValue: {
           summary: "auto"
@@ -210,6 +222,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "(d, i) => `${i}`",
+      description: "If *value* is specified, sets the id accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current id accessor.",
       table: {
         defaultValue: {
           detail: "(d, i) => `${i}`",
@@ -226,6 +239,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 5,
+      description: "If *value* is specified, sets the offset accessor to the specified function or number and returns this generator. If *value* is not specified, returns the current offset accessor.",
       table: {
         defaultValue: {
           summary: 5
@@ -241,6 +255,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "10px",
+      description: "If *value* is specified, sets the padding accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current padding accessor.",
       table: {
         defaultValue: {
           summary: "10px"
@@ -256,6 +271,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "auto",
+      description: "If *value* is specified, sets the pointer-events accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current pointer-events accessor.",
       table: {
         defaultValue: {
           summary: "auto"
@@ -268,12 +284,13 @@ export const argTypes = assign(
     },
     position: {
       control: {
-        type: "array"
+        type: "object"
       },
-      defaultValue: "(d) => [\nd.x,\nd.y\n]",
+      defaultValue: "(d) => [\n  d.x,\nd.y\n]",
+      description: "If *value* is specified, sets the position accessor to the specified function or array and returns this generator. If *value* is not specified, returns the current position accessor. If *value* is an HTMLElement, anchors the Tooltip to that HTMLElement. If *value* is a selection string, anchors the Tooltip to the HTMLElement selected by that string. Otherwise, coordinate points must be in reference to the client viewport, not the overall page.",
       table: {
         defaultValue: {
-          detail: "(d) => [\nd.x,\nd.y\n]",
+          detail: "(d) => [\n  d.x,\nd.y\n]",
           summary: "function"
         }
       },
@@ -287,6 +304,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{border-collapse: collapse, border-spacing: 0, width: 100%}",
+      description: "If *value* is specified, sets the table styles to the specified values and returns this generator. If *value* is not specified, returns the current table styles.",
       table: {
         defaultValue: {
           summary: "{border-collapse: collapse, border-spacing: 0, width: 100%}"
@@ -299,12 +317,13 @@ export const argTypes = assign(
     },
     tbody: {
       control: {
-        type: "array"
+        type: "object"
       },
-      defaultValue: "[\n\n]",
+      defaultValue: "[  ]",
+      description: "If *value* is specified, sets the contents of the table body to the specified array of functions or strings and returns this generator. If *value* is not specified, returns the current table body data.",
       table: {
         defaultValue: {
-          summary: "[\n\n]"
+          summary: "[  ]"
         }
       },
       type: {
@@ -317,6 +336,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{font-size: 12px, text-align: center}",
+      description: "If *value* is specified, sets the table body styles to the specified values and returns this generator. If *value* is not specified, returns the current table body styles.",
       table: {
         defaultValue: {
           summary: "{font-size: 12px, text-align: center}"
@@ -332,6 +352,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{}",
+      description: "An object with CSS keys and values to be applied to all <td> elements inside of each <tr>.",
       table: {
         defaultValue: {
           summary: "{}"
@@ -344,12 +365,13 @@ export const argTypes = assign(
     },
     thead: {
       control: {
-        type: "array"
+        type: "object"
       },
-      defaultValue: "[\n\n]",
+      defaultValue: "[  ]",
+      description: "If *value* is specified, sets the contents of the table head to the specified array of functions or strings and returns this generator. If *value* is not specified, returns the current table head data.",
       table: {
         defaultValue: {
-          summary: "[\n\n]"
+          summary: "[  ]"
         }
       },
       type: {
@@ -362,6 +384,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{font-size: 12px, font-weight: 600, text-align: center}",
+      description: "If *value* is specified, sets the table head styles to the specified values and returns this generator. If *value* is not specified, returns the current table head styles.",
       table: {
         defaultValue: {
           summary: "{font-size: 12px, font-weight: 600, text-align: center}"
@@ -377,6 +400,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"title\"]",
+      description: "If *value* is specified, sets the title accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current title accessor.",
       table: {
         defaultValue: {
           detail: "d => d[\"title\"]",
@@ -393,6 +417,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{font-size: 14px, font-weight: 600, margin-bottom: 5px}",
+      description: "If *value* is specified, sets the title styles to the specified values and returns this generator. If *value* is not specified, returns the current title styles.",
       table: {
         defaultValue: {
           summary: "{font-size: 14px, font-weight: 600, margin-bottom: 5px}"
@@ -408,6 +433,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), color: colorDefaults.dark, font-family: fontFamilyStringify(fontFamily)}",
+      description: "If *value* is specified, sets the overall tooltip styles to the specified values and returns this generator. If *value* is not specified, returns the current title styles.",
       table: {
         defaultValue: {
           summary: "{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), color: colorDefaults.dark, font-family: fontFamilyStringify(fontFamily)}"
@@ -423,6 +449,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{border-top: (d, i) => i ? 1px solid rgba(0, 0, 0, 0.1) : none}",
+      description: "An object with CSS keys and values to be applied to all <tr> elements inside of each <tbody>.",
       table: {
         defaultValue: {
           detail: "{border-top: (d, i) => i ? 1px solid rgba(0, 0, 0, 0.1) : none}",
@@ -439,6 +466,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "150px",
+      description: "If *value* is specified, sets the width accessor to the specified function or string and returns this generator. If *value* is not specified, returns the current width accessor.",
       table: {
         defaultValue: {
           summary: "150px"

package/args/core/shapes/Area.args.jsx

@@ -27,6 +27,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "linear",
+      description: "If *value* is specified, sets the area curve to the specified string and returns the current class instance. If *value* is not specified, returns the current area curve.",
       table: {
         defaultValue: {
           summary: "linear"
@@ -40,6 +41,7 @@ export const argTypes = assign(
     defined: {
       control: {},
       defaultValue: "() => true",
+      description: "If *value* is specified, sets the defined accessor to the specified function and returns the current class instance. If *value* is not specified, returns the current defined accessor.",
       table: {
         defaultValue: {
           detail: "() => true",
@@ -54,7 +56,7 @@ export const argTypes = assign(
     labelBounds: {
       control: {},
       defaultValue: "(d, i, aes) => {\n  const r = largestRect(aes.points);\n  if (!r) return null;\n  return {\n      angle: r.angle,\n      width: r.width,\n      height: r.height,\n      x: r.cx - r.width / 2 - this._x(d, i),\n      y: r.cy - r.height / 2 - this._y(d, i)\n  };\n}",
-      description: "The given function is passed the data point, index, and internally defined properties of the shape and should return an object containing the following values: `width`, `height`, `x`, `y`. If an array is returned from the function, each value will be used in conjunction with each label.",
+      description: "If *bounds* is specified, sets the label bounds to the specified function and returns the current class instance. If *bounds* is not specified, returns the current inner bounds accessor.",
       table: {
         defaultValue: {
           detail: "(d, i, aes) => {\n  const r = largestRect(aes.points);\n  if (!r) return null;\n  return {\n      angle: r.angle,\n      width: r.width,\n      height: r.height,\n      x: r.cx - r.width / 2 - this._x(d, i),\n      y: r.cy - r.height / 2 - this._y(d, i)\n  };\n}",
@@ -71,6 +73,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "Object.assign(this._labelConfig, {textAnchor: middle, verticalAlign: middle})",
+      description: "A pass-through to the config method of the TextBox class used to create a shape's labels.",
       table: {
         defaultValue: {
           summary: "Object.assign(this._labelConfig, {textAnchor: middle, verticalAlign: middle})"
@@ -83,6 +86,7 @@ export const argTypes = assign(
     },
     render: {
       control: {},
+      description: "Draws the area polygons.",
       table: {
         defaultValue: {
           summary: "undefined"
@@ -98,6 +102,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"x\"]",
+      description: "If *value* is specified, sets the x accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"x\"]",
@@ -114,6 +119,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"x\"]",
+      description: "If *value* is specified, sets the x0 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current x0 accessor.",
       table: {
         defaultValue: {
           detail: "d => d[\"x\"]",
@@ -130,6 +136,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "null",
+      description: "If *value* is specified, sets the x1 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current x1 accessor.",
       table: {
         defaultValue: {
           summary: "null"
@@ -145,6 +152,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 0,
+      description: "If *value* is specified, sets the y accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 0
@@ -160,6 +168,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 0,
+      description: "If *value* is specified, sets the y0 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current y0 accessor.",
       table: {
         defaultValue: {
           summary: 0
@@ -175,6 +184,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"y\"]",
+      description: "If *value* is specified, sets the y1 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current y1 accessor.",
       table: {
         defaultValue: {
           detail: "d => d[\"y\"]",

package/args/core/shapes/Bar.args.jsx

@@ -27,6 +27,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 10,
+      description: "If *value* is specified, sets the height accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 10
@@ -40,7 +41,7 @@ export const argTypes = assign(
     labelBounds: {
       control: {},
       defaultValue: "(d, i, s) => ({width: s.width, height: s.height, x: this._x1 !== null ? this._getX(d, i) : -s.width / 2, y: this._x1 === null ? this._getY(d, i) : -s.height / 2})",
-      description: "The given function is passed the data point, index, and internally defined properties of the shape and should return an object containing the following values: `width`, `height`, `x`, `y`. If an array is returned from the function, each value will be used in conjunction with each label.",
+      description: "If *bounds* is specified, sets the label bounds to the specified function and returns the current class instance. If *bounds* is not specified, returns the current inner bounds accessor.",
       table: {
         defaultValue: {
           detail: "(d, i, s) => ({width: s.width, height: s.height, x: this._x1 !== null ? this._getX(d, i) : -s.width / 2, y: this._x1 === null ? this._getY(d, i) : -s.height / 2})",
@@ -54,6 +55,7 @@ export const argTypes = assign(
     },
     render: {
       control: {},
+      description: "Draws the bars.",
       table: {
         defaultValue: {
           summary: "undefined"
@@ -69,6 +71,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 10,
+      description: "If *value* is specified, sets the width accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 10
@@ -84,6 +87,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"x\"]",
+      description: "If *value* is specified, sets the x accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"x\"]",
@@ -100,6 +104,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"x\"]",
+      description: "If *value* is specified, sets the x0 accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"x\"]",
@@ -116,6 +121,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "null",
+      description: "If *value* is specified, sets the x1 accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: "null"
@@ -131,6 +137,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 0,
+      description: "If *value* is specified, sets the y accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 0
@@ -146,6 +153,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 0,
+      description: "If *value* is specified, sets the y0 accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 0
@@ -161,6 +169,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"y\"]",
+      description: "If *value* is specified, sets the y1 accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"y\"]",

package/args/core/shapes/Box.args.jsx

@@ -24,6 +24,7 @@ export const argTypes = assign(
   {
     active: {
       control: {},
+      description: "Sets the highlight accessor to the Shape class's active function.",
       table: {
         defaultValue: {
           summary: "undefined"
@@ -36,9 +37,10 @@ export const argTypes = assign(
     },
     data: {
       control: {
-        type: "array"
+        type: "object"
       },
       defaultValue: "[]",
+      description: "If *data* is specified, sets the data array to the specified array and returns the current class instance. If *data* is not specified, returns the current data array.",
       table: {
         defaultValue: {
           summary: "[]"
@@ -51,6 +53,7 @@ export const argTypes = assign(
     },
     hover: {
       control: {},
+      description: "Sets the highlight accessor to the Shape class's hover function.",
       table: {
         defaultValue: {
           summary: "undefined"
@@ -66,6 +69,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{fill: black}",
+      description: "If *value* is specified, sets the config method for median and returns the current class instance.",
       table: {
         defaultValue: {
           summary: "{fill: black}"
@@ -81,7 +85,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"orient\"] || vertical",
-      description: "Accepts \"vertical\" or \"horizontal\"",
+      description: "If *value* is specified, sets the orientation to the specified value. If *value* is not specified, returns the current orientation.",
       table: {
         defaultValue: {
           detail: "d => d[\"orient\"] || vertical",
@@ -98,6 +102,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d => d[\"outlier\"] || Circle",
+      description: "If *value* is specified, sets the outlier accessor to the specified function or string and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"outlier\"] || Circle",
@@ -114,6 +119,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{Circle: {r: d => d[\"r\"] || 5}, Rect: {height: (d, i) => this._orient(d, i) === vertical ? 5 : 20, width: (d, i) => this._orient(d, i) === vertical ? 20 : 5}}",
+      description: "If *value* is specified, sets the config method for each outlier point and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "{Circle: {r: d => d[\"r\"] || 5}, Rect: {height: (d, i) => this._orient(d, i) === vertical ? 5 : 20, width: (d, i) => this._orient(d, i) === vertical ? 20 : 5}}",
@@ -130,6 +136,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{fill: white, stroke: black, strokeWidth: 1}",
+      description: "If *value* is specified, sets the config method for rect shape and returns the current class instance.",
       table: {
         defaultValue: {
           summary: "{fill: white, stroke: black, strokeWidth: 1}"
@@ -145,6 +152,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: 50,
+      description: "If *value* is specified, sets the width accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           summary: 50
@@ -157,6 +165,7 @@ export const argTypes = assign(
     },
     render: {
       control: {},
+      description: "Draws the Box.",
       table: {
         defaultValue: {
           summary: "undefined"
@@ -172,6 +181,7 @@ export const argTypes = assign(
         type: "text"
       },
       defaultValue: "d3.select(\"body\").append(\"svg\")",
+      description: "If *selector* is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If *selector* is not specified, returns the current SVG container element.",
       table: {
         defaultValue: {
           summary: "d3.select(\"body\").append(\"svg\")"
@@ -187,6 +197,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "{}",
+      description: "If *value* is specified, sets the config method for whisker and returns the current class instance.",
       table: {
         defaultValue: {
           summary: "{}"
@@ -199,12 +210,13 @@ export const argTypes = assign(
     },
     whiskerMode: {
       control: {
-        type: "text"
+        type: "number"
       },
-      defaultValue: "[\ntukey,\ntukey\n]",
+      defaultValue: "[\n  tukey,\ntukey\n]",
+      description: "Determines the value used for each whisker. Can be passed a single value to apply for both whiskers, or an Array of 2 values for the lower and upper whiskers (in that order). Accepted values are `\"tukey\"`, `\"extent\"`, or a Number representing a quantile.",
       table: {
         defaultValue: {
-          summary: "[\ntukey,\ntukey\n]"
+          summary: "[\n  tukey,\ntukey\n]"
         }
       },
       type: {
@@ -217,6 +229,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"x\"] || 250",
+      description: "If *value* is specified, sets the x axis to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"x\"] || 250",
@@ -233,6 +246,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"y\"] || 250",
+      description: "If *value* is specified, sets the y axis to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"y\"] || 250",

package/args/core/shapes/Circle.args.jsx

@@ -25,7 +25,7 @@ export const argTypes = assign(
     labelBounds: {
       control: {},
       defaultValue: "(d, i, s) => ({width: s.r * 1.5, height: s.r * 1.5, x: -s.r * 0.75, y: -s.r * 0.75})",
-      description: "The given function is passed the data point, index, and internally defined properties of the shape and should return an object containing the following values: `width`, `height`, `x`, `y`. If an array is returned from the function, each value will be used in conjunction with each label.",
+      description: "If *bounds* is specified, sets the label bounds to the specified function and returns the current class instance. If *bounds* is not specified, returns the current inner bounds accessor.",
       table: {
         defaultValue: {
           detail: "(d, i, s) => ({width: s.r * 1.5, height: s.r * 1.5, x: -s.r * 0.75, y: -s.r * 0.75})",
@@ -42,6 +42,7 @@ export const argTypes = assign(
         type: "object"
       },
       defaultValue: "assign(this._labelConfig, {textAnchor: middle, verticalAlign: middle})",
+      description: "A pass-through to the config method of the TextBox class used to create a shape's labels.",
       table: {
         defaultValue: {
           summary: "assign(this._labelConfig, {textAnchor: middle, verticalAlign: middle})"
@@ -57,6 +58,7 @@ export const argTypes = assign(
         type: "number"
       },
       defaultValue: "d => d[\"r\"]",
+      description: "If *value* is specified, sets the radius accessor to the specified function or number and returns the current class instance.",
       table: {
         defaultValue: {
           detail: "d => d[\"r\"]",
@@ -70,6 +72,7 @@ export const argTypes = assign(
     },
     render: {
       control: {},
+      description: "Draws the circles.",
       table: {
         defaultValue: {
           summary: "undefined"