31:[] 2f:{"title":"geometric.polygonScale","cells":[{"id":0,"value":"md`# geometric.polygonScale\n\n[geometric.polygonScale](https://github.com/HarryStevens/geometric#polygonScale)(polygon, scaleFactor[, origin]) returns the vertices resulting from scaling a polygon by a scaleFactor (where 1 is the polygon's current size) from an origin point. If origin is not specified, the origin defaults to the polygon's centroid.\n\nThe returned polygon's area is equal to the input polygon's area multiplied by the square of the scaleFactor. To scale the polygon's area by the scaleFactor itself, see geometric.polygonScaleArea.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"viewof scaleFactor = Inputs.range([0, 2], {\n label: \"Scale factor\",\n value: 1,\n step: .001\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"{ \n const svg = d3.select(DOM.svg(width, height))\n .attr(\"class\", \"viz\")\n \n svg.append(\"rect\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n \n svg.append(\"polygon\")\n .attr(\"points\", scaled.join(\" \"));\n\n svg.append(\"polygon\")\n .style(\"opacity\", .1)\n .attr(\"points\", polygon.join(\" \"));\n\n if (showVertices){\n svg.selectAll(\".scaled\")\n .data(scaled)\n .enter().append(\"circle\")\n .attr(\"class\", \"scaled\")\n .attr(\"r\", 2)\n .attr(\"transform\", d => `translate(${d})`);\n \n svg.selectAll(\".original\")\n .data(polygon)\n .enter().append(\"circle\")\n .attr(\"class\", \"original\")\n .style(\"fill-opacity\", .1)\n .attr(\"r\", 2)\n .attr(\"transform\", d => `translate(${d})`); \n }\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"viewof showVertices = Inputs.toggle({ label: \"Show vertices\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"scaled = geometric.polygonScale(polygon, scaleFactor);","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"polygon = [\n [center[0] - 100, center[1]],\n [center[0] - 30, center[1]],\n [center[0] - 30, center[1] - 40],\n [center[0] - 10, center[1] - 97],\n [center[0] - 2, center[1] - 100],\n [center[0], center[1] - 130],\n [center[0] + 2, center[1] - 100],\n [center[0] + 10, center[1] - 97],\n [center[0] + 30, center[1] - 40],\n [center[0] + 30, center[1]],\n [center[0] + 100, center[1]],\n [center[0] + 100, center[1] + 120],\n [center[0] - 100, center[1] + 120]\n];","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"center = [width / 2, height / 2];","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"geometric.polygonArea(scaled) / geometric.polygonArea(polygon) / scaleFactor ** 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"md`## Style`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"height = 620;","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"geometric = require(\"geometric@2\");","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}