31:[] 2f:{"title":"geometric.lineInterpolate","cells":[{"id":0,"value":"md`# geometric.lineInterpolate\n\n[geometric.lineInterpolate](https://github.com/HarryStevens/geometric#lineInterpolate)(line[, clamp]) returns an interpolator function given a line [a, b]. The returned interpolator function takes a single argument t, where t is a number in [0, 1]; a value of 0 returns a, while a value of 1 returns b. Intermediate values interpolate from a to b along the line segment.\n\nBy default, the returned interpolator will output points outside of the line segment if t is less than 0 or greater than 1. You can pass an optional boolean indicating whether to clamp the returned point to inside of the line segment, even if t is greater than 1 or less than 0.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"viewof t = Inputs.range([-0.1, 1.1], {\n label: \"t\",\n step: .01\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"viewof clamp = Inputs.toggle({ label: \"Clamp\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"interpolator = geometric.lineInterpolate(line, clamp)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"point = interpolator(t)","pinned":true,"hidden":false,"mode":"ojs"},{"id":68,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\", w + r * 2)\n .attr(\"height\", h + r * 2 + p * 2)\n const g = svg.append(\"g\")\n .attr(\"transform\", `translate(${[r, r + p]})`);\n \n g.append(\"line\")\n .style(\"stroke\", \"black\")\n .attr(\"x1\", line[0][0])\n .attr(\"y1\", line[0][1])\n .attr(\"x2\", line[1][0])\n .attr(\"y2\", line[1][1]);\n \n g.append(\"circle\")\n .style(\"fill\", \"steelblue\")\n .attr(\"r\", 5)\n .attr(\"cx\", point[0])\n .attr(\"cy\", point[1]);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"line = [[w * .25, 0], [w * .75, h]]","pinned":true,"hidden":false,"mode":"ojs"},{"id":123,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"p = 30","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"r = 5;","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"h = 200 - r * 2;","pinned":true,"hidden":false,"mode":"ojs"},{"id":116,"value":"w = width - r * 2;","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"geometric = require(\"geometric@2.5.3\");","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}