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:{"title":"Annual Hydrographs","cells":[{"id":0,"value":"md`# Annual Hydrographs`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":912,"value":"md`\n# Appendix\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":885,"value":"md`\n## Intermediate Calculations\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":446,"value":"from_date={\n return mom({ y:calyear, M:controls.month-1, d:1})\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":82,"value":"calyear={\n return controls.month>=10?controls.year:controls.year+1\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":881,"value":"md`\n## Load data\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":576,"value":"weekly_selected={\n return weekly.filter(w=>w.WaterYear==controls.year)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":78,"value":"months=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']","pinned":false,"hidden":false,"mode":"ojs"},{"id":876,"value":"md`\n## Formatting\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":638,"value":"accent = d3.scaleOrdinal(d3.schemeDark2);","pinned":false,"hidden":false,"mode":"ojs"},{"id":853,"value":"reds = d3.scaleSequential(d3.interpolateReds);","pinned":false,"hidden":false,"mode":"ojs"},{"id":822,"value":" blues = d3.scaleSequential(d3.interpolateBlues);","pinned":false,"hidden":false,"mode":"ojs"},{"id":874,"value":"md `\n## Libraries\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"import {font} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"import {colr} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"import {commonStyle} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":699,"value":"import {format_flow} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":723,"value":"import {margin} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":725,"value":"import {plotTitle} from \"@westernpower/commonlibrary\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require(\"d3@5\", \"d3-sankey@0.12\",\"d3-hsv@0.1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"plt = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"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"}],"files":"$W32","stdlib":"1","titling":"auto"}