2a:null 2b:["$","title",null,{"children":"Delaunay & Voronoi | Kaile Yuan | Observable"}] 30:[] 2e:{"id":"46430402adb712bb","slug":"delaunay-voronoi","title":"Delaunay & Voronoi","thumbnail":"ae339d8226129d62fcdb8b26ef0929bfcee37535149cabee07efc61c60102d18","access_level":"public","create_time":"$D2019-11-13T17:11:07.841Z","update_time":"$D2020-01-23T20:46:57.045Z","view_time":null,"first_public_time":"$D2019-11-27T01:48:41.086Z","fork":{"id":"6d09e79678b5f436","slug":"shimmy","title":"Shimmy","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e968a466b4f02e15","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":"starter_2024"},"version":478,"publish_version":478,"role":null,"authored":false,"authors":[{"type":"individual","id":"c015efca5a4e2079","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":null}],"members":[{"type":"individual","id":"c015efca5a4e2079","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Delaunay & Voronoi","cells":[{"id":0,"value":"md`# Delaunay & Voronoi`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":208,"value":"viewof config = {\n const form = html``;\n form.oninput = () => {\n form.value = {\n s: form.s.valueAsNumber,\n l: form.l.valueAsNumber,\n f: form.f.valueAsNumber\n };\n form.os.value = `${form.value.s.toFixed(1)}px`;\n form.ol.value = `${form.value.l.toFixed(0)}px`;\n form.of.value = `${form.value.f.toFixed(3)}`;\n };\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":351,"value":"viewof run = checkbox({options: ['Simulate'], value: 'Simulate'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":447,"value":"html`It has solved the tedious labor of bookkeeping the correlation between vertices and faces, which is beneficial for performing vertex model simulation. What's left is to impose the update rule on the vertices in the given system. It's of importance to check whether such rules would let the system converge.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":408,"value":"viewof z = slider({min: 100, max: 200, step: 1, value: 150,\n title: \"Tweak the graph\",\n description: 'Drag the slider to animate delaunay/voronoi dual below'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":431,"value":"fullScreen = fullscreen","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"canvas = {\n const context = DOM.context2d(width, height);\n context.globalCompositeOperation = 'destination-over';\n context.canvas.id = 'canvasDV';\n const coordinates = new Float64Array(points.length * 2);\n const delaunay = new d3.Delaunay(coordinates);\n const voronoi = delaunay.voronoi([0, 0, width, height]);\n while (true) {\n context.clearRect(0, 0, width, height);\n for (let i = 0, j = -1; i < points.length; ++i) {\n const [x, y] = points[i];\n const t = noise(x * config.f, y * config.f, z*0.005) * Math.PI;\n coordinates[++j] = x + config.l * Math.cos(t);\n coordinates[++j] = y + config.l * Math.sin(t);\n }\n context.beginPath();\n voronoi.update().render(context);\n context.strokeStyle = 'red';\n context.stroke();\n delaunay.update().render(context);\n context.strokeStyle = 'purple';\n context.stroke();\n \n yield context.canvas;\n // if (!run) break;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":89,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":128,"value":"points = d3.hexbin()\n .radius(config.s)\n .extent([[-config.l, -config.l], [width + config.l, height + config.l]])\n .centers()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"noise = {\n const simplex = new (await require(\"simplex-noise@2\"));\n return simplex.noise3D.bind(simplex);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":287,"value":"d3 = require(\"d3-hexbin@0.2\", \"d3-delaunay@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":343,"value":"import {slider, button, checkbox} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":345,"value":"viewof restart = button({value: 'restart'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":349,"value":"restart","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":354,"value":"run ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":356,"value":"{\n return DOM.context2d.viewportHeight\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":427,"value":"import { fullscreen } from '@bryangingechen/fullscreen-canvas'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2f:"$2e:body"