2c:null 2d:["$","title",null,{"children":"HugOps | Eric Dobbs | Observable"}] 32:[] 30:{"id":"ba94f97627c9b716","slug":"hugops","title":"HugOps","thumbnail":"f013d0379b330053d9621d62bafeb5d0ec110e77f7f4124f565e9620e99af84f","access_level":"public","create_time":"$D2021-07-11T22:36:31.574Z","update_time":"$D2026-09-13T14:08:32.197Z","view_time":null,"first_public_time":"$D2021-07-13T15:17:36.207Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0ab04159034289a7","login":"dobbs","name":"Eric Dobbs","avatar_url":"https://avatars-next.observableusercontent.com/b66e5674cfdf6803ebae731a2e6a4b5ac55cd6e6efdea8ab0ecddd989387ed90","tier":"starter_2024"},"version":211,"publish_version":211,"role":null,"authored":false,"authors":[{"type":"individual","id":"407972836864cb3e","login":"dobbs","name":"Eric Dobbs","avatar_url":"https://avatars-next.observableusercontent.com/b66e5674cfdf6803ebae731a2e6a4b5ac55cd6e6efdea8ab0ecddd989387ed90","tier":null}],"members":[{"type":"individual","id":"407972836864cb3e","login":"dobbs","name":"Eric Dobbs","avatar_url":"https://avatars-next.observableusercontent.com/b66e5674cfdf6803ebae731a2e6a4b5ac55cd6e6efdea8ab0ecddd989387ed90","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"HugOps","cells":[{"id":0,"value":"# HugOps\nSoftware systems break all the time. You got this.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"html`\n\n${hugops}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"const hugops = svg``","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"const color = view(Inputs.range([0,5], {value: 0, step:1, label: \"Color\"}))","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"const heart = () => {\n const {atan2, sin, cos, sqrt, PI} = Math\n let r = 1.5\n let la = atan2(1, -1)\n let ra = atan2(1, 1)\n let lt = {x: r*cos(la)-r, y: r*sin(la)-r}\n let rt = {x: r*cos(ra)+r, y: r*sin(ra)-r}\n let tip = {x: 0, y: 2*sqrt(r)}\n return svg`\n\n\n\n`\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"Modified `gear()` from https://observablehq.com/@mbostock/epicyclic-gearing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function gear({teeth, radius, annulus}) {\n const n = teeth;\n let r2 = Math.abs(radius);\n let r0 = r2 - toothRadius;\n let r1 = r2 + toothRadius;\n let r3 = holeRadius;\n if (annulus) r3 = r0, r0 = r1, r1 = r3, r3 = r2 + toothRadius * 3;\n const da = Math.PI / n;\n let a0 = -Math.PI / 2 + (annulus ? Math.PI / n : 0);\n const path = [\"M\", r0 * Math.cos(a0), \",\", r0 * Math.sin(a0)];\n let i = -1;\n while (++i < n) {\n path.push(\n \"A\", r0, \",\", r0, \" 0 0,1 \", r0 * Math.cos(a0 += da), \",\", r0 * Math.sin(a0),\n \"L\", r2 * Math.cos(a0), \",\", r2 * Math.sin(a0),\n \"L\", r1 * Math.cos(a0 += da / 3), \",\", r1 * Math.sin(a0),\n \"A\", r1, \",\", r1, \" 0 0,1 \", r1 * Math.cos(a0 += da / 3), \",\", r1 * Math.sin(a0),\n \"L\", r2 * Math.cos(a0 += da / 3), \",\", r2 * Math.sin(a0),\n \"L\", r0 * Math.cos(a0), \",\", r0 * Math.sin(a0)\n );\n }\n path.push(\"M0,\", -r3, \"A\", r3, \",\", r3, \" 0 0,0 0,\", r3, \"A\", r3, \",\", r3, \" 0 0,0 0,\", -r3, \"Z\");\n return path.join(\"\");\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"const teeth = view(Inputs.range([5, 20], {value: 11, step: 1}))","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"const radius = view(Inputs.range([5, 9], {value: 8, step: 0.5}))","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"const holeRadius = view(Inputs.range([0.2, 10], {value: 4.8, step: 0.2}))","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"const toothRadius = view(Inputs.range([1, 10], {value: 1.2, step: 0.02}))","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"const colorpair =\n Array.from({length: Math.floor(d3.schemePaired.length/2)}, (_, i) => [d3.schemePaired[2*i], d3.schemePaired[2*i+1]])","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"const gearcolor = colorpair[color][1]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"const heartcolor = colorpair[color][0]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"2","titling":"auto"}} 31:"$30:body"