29:null 2a:["$","title",null,{"children":"geometric.polygonScale | Harry Stevens | Observable"}] 2f:[] 2d:{"id":"c83f9ecc481d7c1f","slug":"geometric-polygonscale","title":"geometric.polygonScale","thumbnail":"620a252272006af6e94d290492ef6e6bca0133cc417e5fd83a4595e422f7092e","access_level":"public","create_time":"$D2019-08-01T01:05:20.579Z","update_time":"$D2024-06-13T20:15:44.249Z","view_time":null,"first_public_time":"$D2019-09-15T20:16:29.362Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":"starter_2024"},"version":155,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null}],"members":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"cb194ebcc81c247f","slug":"geometric","title":"Geometric.js","owner":{"id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"viewof showVertices = Inputs.toggle({ label: \"Show vertices\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"scaled = geometric.polygonScale(polygon, scaleFactor);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"center = [width / 2, height / 2];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"geometric.polygonArea(scaled) / geometric.polygonArea(polygon) / scaleFactor ** 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Style`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"height = 620;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"geometric = require(\"geometric@2\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"