30:T462,viewof timeframe = { const form = html``; form.onchange = () => form.dispatchEvent(new CustomEvent("input")); // Safari form.oninput = event => { switch (form.radio.value) { case "20-30": form.value = [new Date("2020-01-01"), new Date("2030-01-01")]; break; case "30-40": form.value = [new Date("2030-01-01"), new Date("2040-01-01")]; break; default: form.value = d3.extent(data, d => d.date); break; } }; form.oninput(); return form; }31:[{"id":"68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","href":"https://static.observableusercontent.com/files/68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","name":"aapl-bollinger.csv","type":"text/csv","lastModified":1604098619864.154,"size":48822},{"id":"6f186e7dd1c820288f83e65dbc8a96ecf757bae1b0406a4cd4b7adad56ad8ca3d2fad52a8240dedd3a4ad9a03a3b0cb34215181c179b4997d9bb9b9fc7bfad69","href":"https://static.observableusercontent.com/files/6f186e7dd1c820288f83e65dbc8a96ecf757bae1b0406a4cd4b7adad56ad8ca3d2fad52a8240dedd3a4ad9a03a3b0cb34215181c179b4997d9bb9b9fc7bfad69","name":"model.csv","type":"text/csv","lastModified":1604098952889.233,"size":1196}] 2e:{"title":"Learn D3: Animation","cells":[{"id":168,"value":"md`# Learn D3: Animation\n\nUnlike graphics drawn on paper, computer graphics needn’t be static; like Frankenstein’s monster, they can come alive through animation! ✨`","pinned":false,"hidden":false,"mode":"ojs"},{"id":599,"value":"viewof replay = html`