28:null 29:["$","title",null,{"children":"Aperture | askbid | Observable"}] 2e:[] 2c:{"id":"cd3d535c85ecee9b","slug":"aperture","title":"Aperture","thumbnail":"f5e4cb996f44ee10a4b64f2d2c8791f4841972964d71eeb91aea202074457f8d","access_level":"public","create_time":"$D2019-01-31T22:55:13.572Z","update_time":"$D2019-02-05T21:21:59.575Z","view_time":null,"first_public_time":"$D2019-02-03T21:34:35.202Z","has_unpublished_edits":null,"fork":{"id":"9a90a24cab8d629d","slug":"aperture","title":"Aperture","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b1673dd2edd8cc7d","login":"askbid","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f570ff7e6e1acba54d57f634982f474515901bc79914fd1eea181c5b232e29fb","tier":"starter_2024"},"version":142,"publish_version":142,"role":null,"authored":false,"authors":[{"type":"individual","id":"f6ff88592afa1e56","login":"askbid","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f570ff7e6e1acba54d57f634982f474515901bc79914fd1eea181c5b232e29fb","tier":null}],"members":[{"type":"individual","id":"f6ff88592afa1e56","login":"askbid","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f570ff7e6e1acba54d57f634982f474515901bc79914fd1eea181c5b232e29fb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Aperture","cells":[{"id":0,"value":"md`# Aperture`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"viewof n = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${form.value = form.i.valueAsNumber} sides`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"viewof p = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${((form.value = form.i.valueAsNumber) * 100).toFixed()}% closed`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"canvas = {\n // const height = 600;\n const ctx = DOM.context2d(400, 400);\n // context.translate(width / 2, height / 2);\n\n ctx.beginPath(); \n ctx.lineWidth = \"5\";\n ctx.strokeStyle = \"black\"; // Green path\n ctx.moveTo(50, 0);\n ctx.lineTo(400, 400);\n ctx.stroke(); // Draw it\n \n ctx.beginPath(); \n ctx.lineWidth = \"5\";\n ctx.strokeStyle = \"black\"; // Green path\n ctx.moveTo(200, 0);\n ctx.lineTo(0, 400);\n ctx.stroke(); // Draw it\n \n var int = lineLineIntersect([50,0],[400,400],[200,0],[0,400]);\n ctx.beginPath(); \n ctx.lineWidth = \"10\";\n ctx.strokeStyle = \"red\"; // Green path\n ctx.moveTo(200, 0);\n ctx.lineTo(int[0], int[1]);\n ctx.stroke(); // Draw it\n\n yield ctx.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function lineLineIntersect([x0, y0], [x1, y1], [x2, y2], [x3, y3]) {\n const x02 = x0 - x2, y02 = y0 - y2;\n const x10 = x1 - x0, y10 = y1 - y0;\n const x32 = x3 - x2, y32 = y3 - y2;\n const t = (x32 * y02 - y32 * x02) / (y32 * x10 - x32 * y10);\n return [x0 + t * x10, y0 + t * y10];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"