31:[] 2f:{"title":"geometric.polygonScaleArea","cells":[{"id":0,"value":"md`# geometric.polygonScaleArea\n\n[geometric.polygonScaleArea](https://github.com/HarryStevens/geometric#polygonScaleArea)(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 scaleFactor. To scale the polygon's area by the square of the scaleFactor, see geometric.polygonScale.`","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":164,"value":"viewof showVertices = Inputs.toggle({ label: \"Show vertices\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"scaled = geometric.polygonScaleArea(polygon, scaleFactor);","pinned":true,"hidden":false,"mode":"ojs"},{"id":150,"value":"area1 / (area0 * scaleFactor)","pinned":true,"hidden":false,"mode":"ojs"},{"id":146,"value":"area0 = geometric.polygonArea(polygon)","pinned":true,"hidden":false,"mode":"ojs"},{"id":148,"value":"area1 = geometric.polygonArea(scaled)","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":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 = 420;","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"geometric = require(\"geometric@3\");","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}