2b:null 2c:["$","title",null,{"children":"Explore SVG’s radial gradients | Kalle Westerling | Observable"}] 31:[] 2f:{"id":"e581dd4de4c5ed6b","slug":"explore-svgs-radial-gradients","title":"Explore SVG’s radial gradients","thumbnail":"4562ff7a78a5de930a44475e9e8260e3c46f6c40d519279c2a50fdfbdeee8e57","access_level":"public","create_time":"$D2022-07-22T13:45:48.941Z","update_time":"$D2022-07-22T14:15:38.136Z","view_time":null,"first_public_time":"$D2022-07-22T14:14:35.483Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"32362545e9f3330d","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":"starter_2024"},"version":71,"publish_version":71,"role":null,"authored":false,"authors":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null}],"members":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Explore SVG’s radial gradients","cells":[{"id":50,"value":"# Explore SVG’s radial gradients\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":55,"value":"Copy this HTML if you want to use this in your own SVG:\n\n```html\n${radial.outerHTML}\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":7,"value":"viewof startColor = Inputs.color({value: d3.color(\"gold\").formatHex()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"viewof endColor = Inputs.color({value: d3.color(\"red\").formatHex()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"viewof startOffset = Inputs.range([0, 1], {label: \"Start offset\", step: 0.05, format: d => Math.round(d*100), value: .1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"viewof endOffset = Inputs.range([0, 1], {label: \"End offset\", step: 0.05, format: d => d*100, value: .95})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":0,"value":"radial = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"