2d:null 2e:["$","title",null,{"children":"Voronoi Patterns | Paul Buffa | Observable"}] 33:T41d,ramp = [ makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), ]34:[] 31:{"id":"c0955934d270cf2a","slug":"voronoi-patterns","title":"Voronoi Patterns","thumbnail":"0aff063c345771717ebcbdc369b986f27c905875a526cc776a97c64d0b69e22a","access_level":"public","create_time":"$D2020-07-09T15:26:36.161Z","update_time":"$D2025-03-06T22:44:44.130Z","view_time":null,"first_public_time":"$D2020-11-21T23:21:18.033Z","has_unpublished_edits":null,"fork":false,"stars":6,"starred":false,"owner":{"type":"team","id":"d9d161ec29750ad6","login":"pstuffa","name":"Paul Buffa","avatar_url":"https://avatars-next.observableusercontent.com/32c09bb97a2bb742225b949dcc4cf81a03dcd2b0caae97325970223a48a14b94","tier":"starter_2024"},"version":328,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"42520cea6c99d3c8","login":"pstuffa","name":"Paul Buffa","avatar_url":"https://avatars-next.observableusercontent.com/32c09bb97a2bb742225b949dcc4cf81a03dcd2b0caae97325970223a48a14b94","tier":null}],"members":[{"type":"individual","id":"42520cea6c99d3c8","login":"pstuffa","name":"Paul Buffa","avatar_url":"https://avatars-next.observableusercontent.com/32c09bb97a2bb742225b949dcc4cf81a03dcd2b0caae97325970223a48a14b94","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"f3339fc4212e7cd6","slug":"svg-filter-effects","title":"SVG Filter Effects","owner":{"id":"d9d161ec29750ad6","login":"pstuffa","name":"Paul Buffa"}},"type":"notebook","body":{"title":"Voronoi Patterns","cells":[{"id":0,"value":"md`# Voronoi Patterns`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"{\n\n var vertices = d3.range(n).map(function(d) {\n return [Math.random() * width, Math.random() * height];\n });\n \n var delaunay = d3.Delaunay.from(vertices) \n var voronoi = d3.voronoi().extent([[0, 0], [width, height]]);\n \n const svg = d3.create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n \n for (let item of ramp) {\n svg.insert(() => item);\n }\n svg.selectAll(\"path\")\n .data( voronoi.polygons(vertices))\n .join(\"path\") \n .attr('fill', d => ramp[Math.round(random())])\n // .style(\"stroke\", \"#000\")\n .attr(\"d\", d => \"M\" + d.join(\"L\") + \"Z\")\n \n return svg.node()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"viewof n = slider({\n min: 1,\n max: 500,\n step: 1,\n value: 100\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"random()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"random = d3.randomInt(0, ramp.length)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@5\", \"d3-delaunay\", \"d3-random@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import {makePattern} from '@tmcw/b-w-choropleth'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"import {slider} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"