2d:null 2e:["$","title",null,{"children":"Geometry fun | John Muyskens | Observable"}] 33:T5a0,html``34:[] 31:{"id":"0f97e5f2d86a53d7","slug":"geometry-fun","title":"Geometry fun","thumbnail":"ec2542924225d44336c6c425178c71104ab45e81d7125544257652321799916a","access_level":"public","create_time":"$D2018-04-10T02:07:13.064Z","update_time":"$D2018-04-10T17:07:48.238Z","view_time":null,"first_public_time":"$D2018-04-10T17:08:25.499Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"005b77629f9df560","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":"starter_2024"},"version":213,"publish_version":213,"role":null,"authored":false,"authors":[{"type":"individual","id":"719376c8720885af","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":null}],"members":[{"type":"individual","id":"719376c8720885af","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Geometry fun","cells":[{"id":0,"value":"md`# Geometry fun`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"viewof r = DOM.range(0, 500)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"viewof x = DOM.range(a.x, b.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"viewof cx = DOM.range(0, width)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"viewof cy = DOM.range(0, height)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"distance = (a, b) => { return Math.sqrt((b.x - a.x)**2 + (b.y - a.y)**2) }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"circleIntersections = {\n let d = {x: (b.x - a.x)/distance(a, b), y: (b.y - a.y)/distance(a, b)}\n let t = d.x * (c.x - a.x) + d.y * (c.y - a.y)\n let e = {x: t * d.x + a.x, y: t * d.y + a.y}\n if (distance(e, c) < r) {\n let dt = Math.sqrt(r ** 2 - distance(e, c) ** 2)\n return [{x: (t - dt) * d.x + a.x, y: (t - dt) * d.y + a.y}, {x: (t + dt) * d.x + a.x, y: (t+dt) * d.y + a.y}]\n } else if (distance(e, c) === r) {\n return [e, e];\n } else {\n return [{x: -5, y: -5}, {x: -5, y: -5}]\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"firstIntersectionOfTwoCircles = (circle1, circle2) => {\n let d = distance(circle1, circle2)\n let a = (circle1.r ** 2 - circle2.r ** 2 + d ** 2) / (2 * d)\n let h = Math.sqrt(circle1.r ** 2 - a ** 2)\n let p2 = {\n x: circle1.x + a * (circle2.x - circle1.x) / d,\n y: circle1.y + a * (circle2.y - circle1.y) / d\n }\n return {\n x: p2.x - h * (circle2.y - circle1.y) / d,\n y: p2.y + h * (circle2.x - circle1.x) / d,\n r: 3\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"theCircleIntersection = firstIntersectionOfTwoCircles(c, anotherCircle)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"svgCircle = (circle, style) => {\n return ``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"svgLine = (point1, point2, style) => {\n return ``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"c = Object.create({x: cx, y: cy, r})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"anotherCircle = Object.create({x: 190, y: 420, r: 200})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"a = Object.create({x: 10, y: 10})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"b = Object.create({x: 600, y: 400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"d = Object.create({x: b.x - a.x, y: b.y - a.y})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"f = Object.create({x: b.x - c.x, y: b.y - c.y})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"slope = (b.y - a.y) / (b.x - a.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"y = slope * (x - a.x) + a.y","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"rad = {\n return Math.abs((b.y - a.y) * c.x - (b.x - a.x) * c.y + b.x * a.y - b.y * a.x) / Math.sqrt((b.y - a.y)**2 + (b.x - a.y)**2)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"dot = (a, b) => { return {x: a.x * b.x, y: a.y * b.y}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"nearest = {\n let p = {}\n if (a.x === b.x) {\n p.x = a.x\n p.y = c.y\n } else if (a.y === b.y) {\n p.y = a.y\n p.x = c.x\n } else {\n let m1 = (b.y - a.y) / (b.x - a.x)\n let t1 = a.y - m1 * a.x;\n let m2 = -1 / m1;\n let t2 = c.y - m2 * c.x;\n p.x = (t2 - t1) / (m1 - m2);\n p.y = m1 * p.x + t1;\n }\n return p\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"