25:["$","title",null,{"children":"SVG with Gradient | inoculate_media | Observable"}] 49:[{"id":"d3a03ee8e65cabcd3ed4b807c01ed7cf72472047498e87d7513554a732a92243c8c15d2b7ecc572a93247c9990f0d1afcc443a0ad7686aa7cc56c3754aa1dd1b","href":"https://static.observableusercontent.com/files/d3a03ee8e65cabcd3ed4b807c01ed7cf72472047498e87d7513554a732a92243c8c15d2b7ecc572a93247c9990f0d1afcc443a0ad7686aa7cc56c3754aa1dd1b","name":"JD_UP_OU_FILLS.svg","type":"image/svg+xml","lastModified":1707187177001.679,"size":238191}] 29:{"id":"3710e34a5e4e7b3d","slug":null,"title":"SVG with Gradient","thumbnail":"8ec7d6fb33319e08115ecc6ccb36b796f6193915a17b6bb85142465cd10f8c86","access_level":"public","create_time":"$D2024-02-06T02:39:37.001Z","update_time":"$D2024-02-06T03:16:27.071Z","view_time":null,"first_public_time":"$D2024-02-06T02:39:37.001Z","has_unpublished_edits":null,"fork":{"id":"61f94e496dcfbb9e","slug":null,"title":"SVG with Gradient","owner":{"id":"5be65f59a7d4414c","login":"inoculate","name":"inoculate_media"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5be65f59a7d4414c","login":"inoculate","name":"inoculate_media","avatar_url":"https://avatars-next.observableusercontent.com/a463960a3665d015e1f951ffefd56c80438990e8ca3c81da33076759d509ec50","tier":"starter_2024","bio":"Video artist and data nerd,","following":false},"version":450,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4a9b2751079d79b6","login":"inoculate23","name":"Craig Ellenwood","avatar_url":"https://avatars-next.observableusercontent.com/655e21a46fb0887d567d2c63550ddebb4fff07e632cf340edf07bac49c519fac","tier":null,"bio":"I make art, code and applications that integrate ai and machine learning for musicians and artists. My own music project is Les Barons | The Barons","following":false}],"members":[{"type":"team","id":"5be65f59a7d4414c","login":"inoculate","name":"inoculate_media","avatar_url":"https://avatars-next.observableusercontent.com/a463960a3665d015e1f951ffefd56c80438990e8ca3c81da33076759d509ec50","tier":"starter_2024","role":"editor"},{"type":"individual","id":"4a9b2751079d79b6","login":"inoculate23","name":"Craig Ellenwood","avatar_url":"https://avatars-next.observableusercontent.com/655e21a46fb0887d567d2c63550ddebb4fff07e632cf340edf07bac49c519fac","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"SVG with Gradient","cells":[{"id":0,"value":"md`# SVG with Gradient\n\nHere’s how to manipulate an SVG attached as a file.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"viewof number = slider({\n min: 3,\n max: 3,\n step: 1,\n value: 1,\n description: \"Number\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"viewof sliderWidth = slider({\n min: 1,\n max: width,\n step: 1,\n value: 250,\n description: \"width\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"viewof speed = slider({\n max: 100,\n step: 1,\n value: 10,\n description: \"speed\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"{\n let segments = \"Segments\";\n for (let y = 0; y < 1; y++) {\n segments += `
`;\n }\n\n return html`${segments}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"{\n let innerRadius = \"Inner Radius\";\n for (let y = 1; y < 2; y++) {\n innerRadius += `
`;\n }\n return html`${innerRadius}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"{\n let outerRadius = \"Outer Radius\";\n for (let y = 2; y < 3; y++) {\n outerRadius += `
`;\n }\n return html`${outerRadius}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"angle = {\n let angle = this || 20;\n while (true) yield Promises.delay(50, ++angle);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"waves = {\n let w = [];\n for (let i = 0; i < 3; i++) {\n w[i] = (width / 200) * Math.sin(i + (angle * speed) / 100);\n }\n yield w;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"`","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"import { steps } from \"@mkfreeman/part-5-building-tools\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"import { p5, ParticleSystem } from \"@tmcw/p5\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"import { dat } from \"@ferrari212/section-3-1-gui-controller-interface\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null