2d:null 2e:["$","title",null,{"children":"geometric.lineInterpolate | Harry Stevens | Observable"}] 33:[] 31:{"id":"747dbe82f8169724","slug":"geometric-lineinterpolate","title":"geometric.lineInterpolate","thumbnail":"e2af8f9396db9a1dd2c6401f48fc2a5e2a494ad8c82a941a22d44b418dd0ba2d","access_level":"public","create_time":"$D2019-10-10T23:44:50.440Z","update_time":"$D2023-06-04T19:33:25.261Z","view_time":null,"first_public_time":"$D2019-10-11T21:45:18.006Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":"starter_2024"},"version":223,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null}],"members":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"cb194ebcc81c247f","slug":"geometric","title":"Geometric.js","owner":{"id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined"},{"id":50,"value":"viewof t = Inputs.range([-0.1, 1.1], {\n label: \"t\",\n step: .01\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":173,"value":"viewof clamp = Inputs.toggle({ label: \"Clamp\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"interpolator = geometric.lineInterpolate(line, clamp)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"point = interpolator(t)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":7,"value":"line = [[w * .25, 0], [w * .75, h]]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":123,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":164,"value":"p = 30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":108,"value":"r = 5;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":114,"value":"h = 200 - r * 2;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":116,"value":"w = width - r * 2;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":64,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"geometric = require(\"geometric@2.5.3\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"