23:null 24:["$","title",null,{"children":"Generating SVGs | Lionel Radisson | Observable"}] 29:T524,svg``2a:[] 27:{"id":"7c50a21db5a45486","slug":"generating-svgs/20","title":"Generating SVGs","thumbnail":"30ddf283c6c1fa28945c50f80f159b27db0d6efd5298b22c440c2cb1d9c15b50","access_level":"public","create_time":"$D2021-03-30T07:03:25.337Z","update_time":"$D2021-03-30T09:38:53.695Z","view_time":null,"first_public_time":"$D2021-03-30T07:04:19.909Z","has_unpublished_edits":null,"fork":{"id":"a253e49680ebee16","slug":"svg-template/3","title":"Generating SVGs","owner":{"id":"33d0c3f28420ec9c","login":"makio135","name":"Lionel Radisson"}},"stars":21,"starred":false,"owner":{"type":"team","id":"33d0c3f28420ec9c","login":"makio135","name":"Lionel Radisson","avatar_url":"https://avatars-next.observableusercontent.com/1ebff675951134ccb48ffd1faaeabdecafe0daf8d168685c768f506435e400f0","tier":"starter_2024","bio":"Generative artist, sharing my journey in visual experiments."},"version":416,"publish_version":416,"role":null,"authored":false,"authors":[{"type":"individual","id":"cae924adff874d09","login":"makio135","name":"Lionel Radisson","avatar_url":"https://avatars-next.observableusercontent.com/1ebff675951134ccb48ffd1faaeabdecafe0daf8d168685c768f506435e400f0","tier":null,"bio":"Generative artist, sharing my journey in visual experiments."}],"members":[{"type":"individual","id":"cae924adff874d09","login":"makio135","name":"Lionel Radisson","avatar_url":"https://avatars-next.observableusercontent.com/1ebff675951134ccb48ffd1faaeabdecafe0daf8d168685c768f506435e400f0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":14,"collection":{"id":"d51757840f978cdd","slug":"generating-svgs","title":"Generating SVGs ","owner":{"id":"33d0c3f28420ec9c","login":"makio135","name":"Lionel Radisson"}},"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"w = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"h = w\n//h = w / 210 * 297\n//h = w / 297 * 210","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"seed = Date.now()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"noiseScale = 1400","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"margin = 50","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"length = 45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"strokeWidth = 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"strokeCap = 'butt' // butt, square or round","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"nMax = 2000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"p = getRandomPalette()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"//palette = shuffle(p)\n//palette = [\"#262425\", \"#77524c\", \"#fffefa\", \"#d79f90\", \"#df1c0a\"]\npalette = shuffle([\"#190c28\", \"#fef7ee\", \"#fb0002\", \"#fef000\", \"#1c82eb\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"displayPalettes([palette])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$29","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"function segIntersection(l1, l2) {\n const b_dot_d_perp = l1.dx * l2.dy - l1.dy * l2.dx\n if (b_dot_d_perp === 0) return null\n\n const cx = l2.a.x - l1.a.x\n const cy = l2.a.y - l1.a.y\n\n const t = (cx * l2.dy - cy * l2.dx) / b_dot_d_perp;\n if (t < 0 || t > 1) return null\n \n const u = (cx * l1.dy - cy * l1.dx) / b_dot_d_perp;\n if (u < 0 || u > 1) return null\n \n return new PVector(Math.round(l1.a.x + t * l1.dx), Math.round(l1.a.y + t * l1.dy))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"function getIntersections(line, lines) {\n const arr = []\n for (let i = 0; i < lines.length; i++) {\n const pt = segIntersection(line, lines[i])\n if (pt) arr.push(pt)\n }\n\n return arr\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"class Line {\n constructor(a, b) {\n this.a = a.clone()\n this.b = b.clone()\n this.center = a.clone().add(b).mult(0.5)\n this.dx = this.b.x - this.a.x\n this.dy = this.b.y - this.a.y\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"simplex = new SimplexNoise()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"import { getRandomPalette, displayPalettes, scales } from '@makio135/give-me-colors'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"import { PVector, array, shuffle, randInt } from '@makio135/utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2a","stdlib":"1"}} 28:"$27:body"