31:[] 2f:{"title":"geometric.lineRotate","cells":[{"id":0,"value":"# geometric.lineRotate\n\ngeometric.lineRotate(line, angle[, origin]) returns the coordinates resulting from rotating a line about an origin by an angle in degrees. If origin is not specified, the origin defaults to the midpoint of the line.","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof angle = Inputs.range([0, 360], { value: 0, step: 1, label: \"Angle\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"viewof t = Inputs.range([0, 1], { label: \"Origin\", step: 0.1, value: 0.5 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\", size)\n .attr(\"height\", size)\n .style(\"overflow\", \"visible\");\n\n svg.append(\"polyline\")\n .attr(\"opacity\", 0.2)\n .attr(\"points\", line)\n .attr(\"stroke\", \"black\");\n \n svg.append(\"polyline\")\n .attr(\"points\", rotated)\n .attr(\"stroke\", \"black\");\n\n svg.append(\"circle\")\n .attr(\"fill\", \"steelblue\")\n .attr(\"r\", 5)\n .attr(\"stroke\", \"white\")\n .attr(\"transform\", `translate(${origin})`);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"rotated = geometric.lineRotate(line, angle, origin)","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"origin = geometric.lineInterpolate(line)(t)","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"line = [[ size / 6, size / 2 ], [size * 5 / 6, size / 2]]","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"size = Math.min(640, width)","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"geometric = require(\"geometric@3\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}