31:[] 2f:{"title":"geometric.lineTranslate","cells":[{"id":0,"value":"# geometric.lineTranslate\n\ngeometric.lineTranslate(line, angle, distance) returns the coordinates resulting from translating a line by an angle in degrees and a distance.","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof angle = Inputs.range([0, 360], { value: 45, step: 1, label: \"Angle\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"viewof distance = Inputs.range([-100, 100], { label: \"Distance\", step: 0.1, value: 100 })","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\", translated)\n .attr(\"stroke\", \"black\");\n\n svg.append(\"polyline\")\n .attr(\"opacity\", 0.2)\n .attr(\"points\", [line[0], translated[0]])\n .attr(\"stroke\", \"black\")\n .attr(\"stroke-dasharray\", [5, 5])\n\n svg.append(\"polyline\")\n .attr(\"opacity\", 0.2)\n .attr(\"points\", [line[1], translated[1]])\n .attr(\"stroke\", \"black\")\n .attr(\"stroke-dasharray\", [5, 5])\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"translated = geometric.lineTranslate(line, angle, distance)","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"}