30:T41d,ramp = [ makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), makePattern(svg` `), ]31:[] 2e:{"title":"Voronoi Patterns","cells":[{"id":0,"value":"md`# Voronoi Patterns`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":16,"value":"width","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"random()","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"random = d3.randomInt(0, ramp.length)","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@5\", \"d3-delaunay\", \"d3-random@2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"import {makePattern} from '@tmcw/b-w-choropleth'","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"import {slider} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}