2b:null 2c:["$","title",null,{"children":"Annual Hydrographs | Western Power | Observable"}] 31:T4b7,{ var data = [ { y: weekly_selected.map(f=>f.Flow), x: weekly_selected.map(f=>mom(f.Date).add(3,'days').toISOString()), mode: 'lines+markers+text', marker:{ color:weekly_selected.map(ws=>ws.IsMax=="True"?'#F22':ws.IsMin=="True"?'#6495ED':'#888'), size:weekly_selected.map(ws=>(ws.IsPeak=="True" || ws.IsMin=="True")?15:0), line:{width:0} }, line:{ shape: 'spline', width:1.5, color:colr(1) }, text: weekly_selected.map(ws=>(ws.IsPeak=="True" || ws.IsMin=="True")?''+format_flow(ws.Flow)+'':''), textposition:'middle right', textfont:{color:'black'}, type: 'scatter', hoverinfo:'y' }, ]; var layout = { height: 250, width:width, font: font, margin: {t:5,b:25,l:80,r:10}, showlegend: false, xaxis: { showgrid: true, zeroline: false, ticks:'outside', tickformat:'%b', dtick:'M1' }, yaxis: { title: 'Flow (m\u00B3/s)', zeroline: false, showline: false, separatethousands:true, hoverformat:',.0f' } }; const div=DOM.element('div') plt.newPlot(div, data, layout,{displayModeBar: false}); return div; }32:[] 2f:{"id":"e5076a42bf1176fb","slug":"annual-hydrographs","title":"Annual Hydrographs","thumbnail":"47beb0840891d3644ef5e5ed75085c6558e583848ce63b39cc0d6885643d46fe","access_level":"public","create_time":"$D2020-12-07T08:17:55.964Z","update_time":"$D2021-05-06T05:50:13.771Z","view_time":null,"first_public_time":"$D2020-12-07T08:25:03.186Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"3aaf4970407a12be","login":"westernpower","name":"Western Power","avatar_url":"https://avatars-next.observableusercontent.com/0c11a3086911e8caa71a7767a24de09ff93d85f36798166fa6c2d0b61107b761","tier":"starter_2024"},"version":946,"publish_version":946,"role":null,"authored":false,"authors":[{"type":"individual","id":"96924893937b5930","login":"andyflem","name":"Andy Fleming","avatar_url":"https://avatars-next.observableusercontent.com/fd3844143a4c29872f0df28a8ebce77bb56cebf2fa74bb669872e4def82ad809","tier":null}],"members":[{"type":"individual","id":"96924893937b5930","login":"andyflem","name":"Andy Fleming","avatar_url":"https://avatars-next.observableusercontent.com/fd3844143a4c29872f0df28a8ebce77bb56cebf2fa74bb669872e4def82ad809","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Annual Hydrographs","cells":[{"id":0,"value":"md`# Annual Hydrographs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":15,"value":"viewof controls = {\n const form = html``;\n form.oninput = () => {\n form.querySelector(\"[id=year_disp]\").textContent = form.year_select.valueAsNumber;\n form.value = {year:form.year_select.valueAsNumber};\n };\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":912,"value":"md`\n# Appendix\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":885,"value":"md`\n## Intermediate Calculations\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":446,"value":"from_date={\n return mom({ y:calyear, M:controls.month-1, d:1})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":451,"value":"to_date={\n return mom({ y:calyear, M:controls.month-1, d:1}).add(2,'months').add(-1,'days')\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"calyear={\n return controls.month>=10?controls.year:controls.year+1\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":881,"value":"md`\n## Load data\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":576,"value":"weekly_selected={\n return weekly.filter(w=>w.WaterYear==controls.year)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":574,"value":"weekly = (await d3.csv(\"https://gis.westernpower.org/data/output_data/2020/ngonye_weekly.csv?a=3\", d3.autoType))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":78,"value":"months=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":876,"value":"md`\n## Formatting\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":638,"value":"accent = d3.scaleOrdinal(d3.schemeDark2);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":853,"value":"reds = d3.scaleSequential(d3.interpolateReds);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":822,"value":" blues = d3.scaleSequential(d3.interpolateBlues);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":874,"value":"md `\n## Libraries\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"import {font} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"import {colr} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"import {commonStyle} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":699,"value":"import {format_flow} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":723,"value":"import {margin} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":725,"value":"import {plotTitle} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"d3 = require(\"d3@5\", \"d3-sankey@0.12\",\"d3-hsv@0.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"plt = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":376,"value":"mom=require(\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"