29:null 2a:["$","title",null,{"children":"Plot: Why won’t my dates work with barY? | Observable | Observable"}] 2f:[] 2d:{"id":"c912f67a31fc46c2","slug":null,"title":"Plot: Why won’t my dates work with barY?","thumbnail":"751cbea776276d976e006d7422554668e2bbbb27abde18094a2055c17e4e105a","access_level":"unlisted","create_time":"$D2023-09-08T02:52:58.618Z","update_time":"$D2023-09-08T03:16:48.067Z","view_time":null,"first_public_time":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024"},"version":66,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"},{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Plot: Why won’t my dates work with barY?","cells":[{"id":0,"value":"# Plot: Why won’t my dates work with barY?\n\nRef. https://talk.observablehq.com/t/why-wont-my-dates-works-with-bary/8253","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"Plot.plot({\n marginLeft: 50,\n title: \"Cash Flow\",\n subtitle: htl.html`

Operating + Investing + Financing

`,\n caption: \"Black line is net cash\",\n grid: true,\n x: {interval: \"year\"},\n y: {line: true},\n marks: [\n Plot.barY(data, {x: \"FY\", y1: \"Investing\", y2: \"Operating\", fill: \"green\", opacity: 0.7}),\n Plot.barY(data, {x: \"FY\", y1: \"Financing\", y2: \"Investing\", fill: \"gold\", opacity: 0.7}),\n Plot.barY(data, {x: \"FY\", y: \"Financing\", fill: \"red\", opacity: 0.7}),\n Plot.barY(data, {x: \"FY\", y: (d) => (+d.Operating + +d.Investing + +d.Financing), stroke: \"black\"}),\n Plot.lineY(data, {x: \"FY\", y: (d) => (+d.Operating + +d.Investing + +d.Financing), stroke: \"black\"}),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"Plot.plot({\n marginLeft: 50,\n title: \"Cash Flow\",\n subtitle: htl.html`

Operating + Investing + Financing

`,\n caption: \"Black line is net cash\",\n grid: true,\n y: {line: true},\n marks: [\n Plot.rectY(data, {x: \"FY\", y1: \"Investing\", y2: \"Operating\", fill: \"green\", opacity: 0.7, interval: \"year\"}),\n Plot.rectY(data, {x: \"FY\", y1: \"Financing\", y2: \"Investing\", fill: \"gold\", opacity: 0.7, interval: \"year\"}),\n Plot.rectY(data, {x: \"FY\", y: \"Financing\", fill: \"red\", opacity: 0.7, interval: \"year\"}),\n Plot.rectY(data, {x: \"FY\", y: (d) => (+d.Operating + +d.Investing + +d.Financing), stroke: \"black\", interval: \"year\"}),\n Plot.lineY(data, {x: \"FY\", y: (d) => (+d.Operating + +d.Investing + +d.Financing), stroke: \"black\"}),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"data = d3.csvParse(text, (d) => ({\n FY: parseDate(d.FY),\n Operating: +d.Operating,\n Investing: +d.Investing,\n Financing: +d.Financing,\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"datau = d3.csvParse(text)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"text = `FY,Operating,Investing,Financing\n2015/03/31,159,-552,551\n2016/03/31,78,-1384,1892\n2017/03/31,-40,2814,-411\n2018/03/31,-158,7853,-388\n2019/03/31,410,-7326,-2043\n2020/03/31,-196,2316,6\n2021/03/31,73,-731,53\n2022/03/31,-702,5906,894\n2023/03/31,-177,12555,-12096\n`","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"parseDate = d3.utcParse(\"%Y/%m/%d\")","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"