31:[] 2f:{"title":"geometric.pointOnPolygon","cells":[{"id":0,"value":"md`# geometric.pointOnPolygon\n\n[geometric.pointOnPolygon](https://github.com/HarryStevens/geometric#pointOnPolygon)(point, polygon) returns a boolean representing whether a point is located on one of the edges of a polygon. Below, the blue points are on the polygon while the red points are not.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"{\n const svg = d3.select(DOM.svg(width, height));\n \n svg.append(\"polygon\")\n .attr(\"points\", p);\n \n svg.selectAll(\"circle\")\n .data([a, b, c, d, e, f])\n .enter().append(\"circle\")\n .attr(\"cx\", d => d[0])\n .attr(\"cy\", d => d[1])\n .attr(\"r\", 5)\n .classed(\"on\", d => geometric.pointOnPolygon(d, p));\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"a = [30, 10];","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"b = [50, 30];","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"c = [30, 50];","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"d = [10, 30]","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"e = [30, 30];","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"f = [30, 70];","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"p = [\n [10, 10],\n [50, 10],\n [50, 50],\n [10, 50]\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"md`## Style`","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"height = 80","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"geometric = require(\"geometric@2\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"d3 = require(\"d3@5\");","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}