2d:null 2e:["$","title",null,{"children":"Line Chart | Stephen N. | Observable"}] 33:[{"id":"68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","href":"https://static.observableusercontent.com/files/68598443a16fce00a89f983b40c3b4c89b15827ac91726b864da942e4fad1b5cc19abaa1d3efd9855a7a2fadb3ef16f7c4365666eb572026a986b69d768bbc34","name":"aapl-bollinger.csv","type":"text/csv","lastModified":1595316758793.299,"size":48822}] 31:{"id":"8a8ef48e6f856ddf","slug":"line-chart","title":"Line Chart","thumbnail":"9ba67ad11a0825402860171e2953a0d60cc1e3b7f764b075982796762c992570","access_level":"public","create_time":"$D2020-07-21T07:31:16.661Z","update_time":"$D2020-07-21T13:10:38.131Z","view_time":null,"first_public_time":"$D2020-07-21T09:16:46.353Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"e15d3c8802103c9d","login":"stevndegwa","name":"Stephen N.","avatar_url":"https://avatars-next.observableusercontent.com/3b13f3107a9c610480f776566aa3098f8827169dd092797ccfe35daac6b0e474","tier":"starter_2024"},"version":101,"publish_version":101,"role":null,"authored":false,"authors":[{"type":"individual","id":"a1045db8eaa6575a","login":"stevndegwa","name":"Stephen N.","avatar_url":"https://avatars-next.observableusercontent.com/3b13f3107a9c610480f776566aa3098f8827169dd092797ccfe35daac6b0e474","tier":null}],"members":[{"type":"individual","id":"a1045db8eaa6575a","login":"stevndegwa","name":"Stephen N.","avatar_url":"https://avatars-next.observableusercontent.com/3b13f3107a9c610480f776566aa3098f8827169dd092797ccfe35daac6b0e474","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Line Chart","cells":[{"id":0,"value":"md`# Line Chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"data = d3.csvParse(await FileAttachment(\"aapl-bollinger.csv\").text(), d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"x = d3.scaleUtc().domain(d3.extent(data, (d)=>d.date)).range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"y = d3.scaleLinear().domain([0, d3.max(data, (d)=>d.upper)]).range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"line = d3.line().x((d)=>x(d.date)).y((d)=>y(d.close))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"lineMiddle = d3.line().x((d)=>x(d.date)).y((d)=>y(d.middle))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"line(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"md`## Static`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"md`## Animated`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"show = (path)=>path\n .transition()\n .duration(5000)\n .ease(d3.easeCubicInOut)\n .attrTween(\"stroke-dasharray\", function(){\n let length = this.getTotalLength();\n return d3.interpolate(`0,${length}`, `${length},0`);\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"ticks = d3.ticks(0, 1, 200)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"match = d3.interpolate(\"one, two\", \"1, 2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"viewof replay = html`