44:["$","title",null,{"children":"Learn D3: Animation | aryeh-klein | Observable"}] 4c:T55d,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; }4d:[{"id":"d2fc3f44b6ade38be0bf9f2036b849b40e725194990de344be8c45789a0f016ebd44b947b651ccd403587029dbf3ebcd55259b97d94326dd04a03c6732f1e81c","href":"https://static.observableusercontent.com/files/d2fc3f44b6ade38be0bf9f2036b849b40e725194990de344be8c45789a0f016ebd44b947b651ccd403587029dbf3ebcd55259b97d94326dd04a03c6732f1e81c","name":"AMZN.csv","type":"text/csv","lastModified":1589475763084.759,"size":20111}] 48:{"id":"ff76ddbc1882bc6c","slug":"learn-d3-animation","title":"Learn D3: Animation","thumbnail":"5966825cdb1dfe83f0872d63544f9e3f66f0e81557a3dacc9ab16e3b91c001cb","access_level":"public","create_time":"$D2020-05-14T17:00:34.775Z","update_time":"$D2020-05-14T17:12:06.113Z","view_time":null,"first_public_time":"$D2020-05-14T17:13:11.154Z","has_unpublished_edits":null,"fork":{"id":"de13bdb9fdabe52a","slug":"learn-d3-animation","title":"Learn D3: Animation","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a9c524192f8c01e6","login":"aryeh-klein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/449a71b6e6a39e6de5174b59722eef8b181fe3e4957ccfd8340e943e6095225b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":1477,"publish_version":1477,"role":null,"authored":false,"authors":[{"type":"individual","id":"a323ac7e9a4f230b","login":"aryeh-klein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/449a71b6e6a39e6de5174b59722eef8b181fe3e4957ccfd8340e943e6095225b","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"a323ac7e9a4f230b","login":"aryeh-klein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/449a71b6e6a39e6de5174b59722eef8b181fe3e4957ccfd8340e943e6095225b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"viewof replay = html`