2c:null 2d:["$","title",null,{"children":"Animation | 3sam3 | Observable"}] 32:T59c,viewof timeframe = { const form = html` `; form.onchange = () => form.dispatchEvent(new CustomEvent("input")); // Safari form.oninput = event => { switch (form.radio.value) { case "2009": form.value = [new Date("2009-01-01"), new Date("2010-01-01")]; break; case "2010": form.value = [new Date("2010-01-01"), new Date("2011-01-01")]; break; case "2011": form.value = [new Date("2011-01-01"), new Date("2012-01-01")]; break; default: form.value = d3.extent(data, d => d.date); break; } }; form.oninput(); return form; }33:[{"id":"68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","href":"https://static.observableusercontent.com/files/68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","name":"aapl-bollinger.csv","type":"text/csv","lastModified":1595996793907.542,"size":48822}] 30:{"id":"eeec012eb775ab75","slug":"animation","title":"Animation","thumbnail":"99d9db96fb31cc68a171e80b5f59b09c772c7a0f2f35e4785da1d3fd25b66940","access_level":"public","create_time":"$D2020-07-29T04:23:56.487Z","update_time":"$D2020-09-04T10:35:11.395Z","view_time":null,"first_public_time":"$D2020-07-29T06:46:02.850Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"08b5afb0fd1070b2","login":"3sam3","name":"3sam3","avatar_url":"https://avatars-next.observableusercontent.com/a2e96c3b112567f40c9b46c7e406188726d78758a61e3629e14416286b3868b8","tier":"starter_2024"},"version":225,"publish_version":225,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc3b848d8db8ae07","login":"3sam3","name":"3sam3","avatar_url":"https://avatars-next.observableusercontent.com/a2e96c3b112567f40c9b46c7e406188726d78758a61e3629e14416286b3868b8","tier":null}],"members":[{"type":"individual","id":"fc3b848d8db8ae07","login":"3sam3","name":"3sam3","avatar_url":"https://avatars-next.observableusercontent.com/a2e96c3b112567f40c9b46c7e406188726d78758a61e3629e14416286b3868b8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"8d988b71e2e99afd","slug":"d3","title":"D3","owner":{"id":"08b5afb0fd1070b2","login":"3sam3","name":"3sam3"}},"type":"notebook","body":{"titling":"auto","title":"Animation","cells":[{"id":0,"value":"md`# Animation`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"reveal = path => \n path.transition()\n .duration(5000)\n .ease(d3.easeLinear)\n .attrTween(\"stroke-dasharray\", function() {\n const length = this.getTotalLength();\n return d3.interpolate(`0,${length}`, `${length},${length}`);\n })\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"lineLength = svg``.getTotalLength()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"viewof replay = html`