3e:null 3f:["$","title",null,{"children":"Generating SVGs | Chad Boyce | Observable"}] 45:T661,svg``46:[] 43:{"id":"d9df39158bf1e8ed","slug":"generating-svgs","title":"Generating SVGs","thumbnail":"b9c6c03e787d0b2d6f6f04d90f6ea61dc4f811264f0a19a6c496e5921560e654","access_level":"public","create_time":"$D2021-04-07T04:39:01.461Z","update_time":"$D2021-04-07T04:59:03.976Z","view_time":null,"first_public_time":"$D2021-04-07T04:59:39.836Z","has_unpublished_edits":null,"fork":{"id":"b355c734ff31542d","slug":"generating-svgs/13","title":"Generating SVGs","owner":{"id":"33d0c3f28420ec9c","login":"makio135","name":"Lionel Radisson"}},"stars":0,"starred":false,"owner":{"type":"team","id":"cbd69b3a053046a2","login":"djsnipa1","name":"Chad Boyce","avatar_url":"https://avatars-next.observableusercontent.com/4597a48ede8a3ab3d379863dbc30778a8dbb98fa46a503df99ca3351be5eeac4","tier":"starter_2024","bio":""},"version":1097,"publish_version":1097,"role":null,"authored":false,"authors":[{"type":"individual","id":"4d3b1970ce8e8622","login":"djsnipa1","name":"Chad Boyce","avatar_url":"https://avatars-next.observableusercontent.com/4597a48ede8a3ab3d379863dbc30778a8dbb98fa46a503df99ca3351be5eeac4","tier":null,"bio":""}],"members":[{"type":"individual","id":"4d3b1970ce8e8622","login":"djsnipa1","name":"Chad Boyce","avatar_url":"https://avatars-next.observableusercontent.com/4597a48ede8a3ab3d379863dbc30778a8dbb98fa46a503df99ca3351be5eeac4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Generating SVGs","cells":[{"id":0,"value":"md`# Generating SVGs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"w = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"h = w / 210 * 297\n//h = w / 297 * 210","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"seed = Date.now()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"noiseScale = 1100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"//colorScale = randomProc()\ncolorScale = scales.turbo","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":920,"value":"ramp(colorScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"points = [[0, 0], [w, 0], [0, h], [w, h], ...new PoissonDiskSampling({\n shape: [w, h],\n minDistance: 10,\n maxDistance: 50,\n distanceFunction: (p) => simplex.noise3D(p[0]/noiseScale, p[1]/noiseScale, seed) * .5 + .5,\n tries: 10\n}).fill().map(pt => pt.map(coord => coord | 0))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"polygons = voronoi(points).polygons().map(p => new Polygon(...p.filter(d => d).map(d => new PVector(d[0], d[1]))))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"simplex = new SimplexNoise()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"TAU = Math.PI * 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"md`___\n## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"PoissonDiskSampling = require(\"https://cdn.jsdelivr.net/gh/kchapelier/poisson-disk-sampling@2.0.0/build/poisson-disk-sampling.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"voronoi = require('d3-voronoi').then(d3 => d3.voronoi())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"SimplexNoise = require('simplex-noise@2.4')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"import { randomProc, scales, ramp } from '@makio135/give-me-colors'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"import {PVector, array, map, clamp, Polygon} from '@makio135/utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"