31:[] 2f:{"title":"geometric.polygonRandom","cells":[{"id":0,"value":"md`# geometric.polygonRandom\n\n[geometric.polygonRandom](https://github.com/HarryStevens/geometric#polygonRandom)([sides[, area[, centroid]]]) returns the vertices of a random convex polygon of the specified number of sides, area in pixels, and centroid coordinates. If sides is not specified, deafults to 3. If area is not specified, defaults to 100. If centroid is not specified, defaults to [0, 0].\n\nBased on an algorithm by Pavel Valtr and an [implementation by Maneesh Agrawala](https://observablehq.com/@magrawala/random-convex-polygon).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"polygon = geometric.polygonRandom(sides, area, [x, y]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"{\n const svg = d3.select(DOM.svg(width, height))\n .style(\"overflow\", \"visible\")\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"}