2c:null 2d:["$","title",null,{"children":"Pulse | Fabian Iwand | Observable"}] 32:T562,function* animation(options = {}) { const { size = 600, radius = 1, background = 'white', color = 'black', steps = 10, strokeWidth = 10, dashes = 10, duration = 5000, } = options; const ease = t => Math.cos(t*Math.PI*2) * .5 + .5, circles = Array.from( {length: steps}, (_, i) => svg`` ), view = svg`

Dashes per ring: ${o} ${i}`;\n \n i.oninput = () => v.value = o.value = i.valueAsNumber;\n i.oninput();\n return v;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":278,"value":"animation({\n duration: 4000,\n size: 600,\n steps: 15,\n dashes,\n strokeWidth: 12,\n background: 'black',\n color: 'white',\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"