31:[] 2f:{"title":"geometric.polygonReflectX","cells":[{"id":0,"value":"md`# geometric.polygonReflectX\n\n[geometric.polygonReflectX](https://github.com/HarryStevens/geometric#polygonReflectX)(polygon[, reflectFactor]) reflects a polygon over its vertical midline. Pass an optional reflectFactor between 0 and 1, where 1 indicates a full reflection, 0 leaves the polygon unchanged, and 0.5 collapses the polygon on its vertical midline.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"viewof reflectFactor = Inputs.range([0, 1], {\n label: \"Reflect factor\",\n value: 1,\n step: .01\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"reflected = geometric.polygonReflectX(polygon, reflectFactor);","pinned":true,"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\", reflected);\n\n svg.append(\"polygon\")\n .style(\"opacity\", .1)\n .attr(\"points\", polygon);\n\n if (showVertices){\n svg.selectAll(\".reflected\")\n .data(reflected)\n .enter().append(\"circle\")\n .attr(\"class\", \"reflected\")\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":62,"value":"polygon = [\n [center[0] - 70, 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] + 70, 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 = 400;","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"}