31:[] 2f:{"title":"geometric.polygonRegular","cells":[{"id":0,"value":"md`# geometric.polygonRegular\n\n[geometric.polygonRegular](https://github.com/HarryStevens/geometric#polygonRegular)([sides[, area[, center]]]) returns the vertices of a regular polygon of the specified number of sides, area in pixels, and center coordinates. If sides is not specified, deafults to 3. If area is not specified, defaults to 100. If center is not specified, defaults to [0, 0].`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"polygon = geometric.polygonRegular(sides, area, [x, y]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n \n svg.append(\"polygon\")\n .style(\"fill\", \"steelblue\")\n .style(\"stroke\", \"black\")\n .attr(\"points\", rotate % 360 / sides === 0 ? polygon : geometric.polygonRotate(polygon, rotate, [x, y]).join(\" \"));\n \n svg.append(\"circle\")\n .style(\"fill\", \"black\")\n .attr(\"r\", 4)\n .attr(\"cx\", x)\n .attr(\"cy\", y);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"md`Adjust these sliders to see how the inputs change the polygon.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"viewof sides = Inputs.range([3, 64], {\n label: \"Sides\",\n value: 8,\n step: 1\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"viewof area = Inputs.range([10, 100000], {\n label: \"Area\",\n value: 50000,\n step: 1\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"viewof x = Inputs.range([0, width], {\n label: \"x\",\n value: width / 2,\n step: 1\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"viewof y = Inputs.range([0, height], {\n label: \"y\",\n value: height / 2,\n step: 1\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"md`We can also use [geometric.polygonRotate](https://github.com/HarryStevens/geometric#polygonRotate) to rotate the polygon!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"viewof rotate = Inputs.range([0, 360], {\n label: \"Rotate\",\n value: 0,\n step: 1\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"geometric = require(\"geometric@3\");","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}