31:[] 2f:{"title":"geometric.polygonScaleX","cells":[{"id":0,"value":"md`# geometric.polygonScaleX\n\n[geometric.polygonScaleX](https://github.com/HarryStevens/geometric#polygonScaleX)(polygon, scaleFactor[, origin]) returns the vertices resulting from scaling the horizontal coordinates of a polygon by a scaleFactor (where 1 is the polygon's current size) from an origin point. The vertical coordinates remain unchanged. 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.`","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);\n\n svg.append(\"polygon\")\n .style(\"opacity\", .1)\n .attr(\"points\", polygon);\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":200,"value":"viewof showVertices = Inputs.toggle({ label: \"Show vertices\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"scaled = geometric.polygonScaleX(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":213,"value":"geometric.polygonArea(scaled) / geometric.polygonArea(polygon) / scaleFactor","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 = 400;","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"geometric = require(\"geometric@2.2\");","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}