2f:T537,{ const container = document.createElement("div"); intervals .map(([start, end]) => ({ title: html`${metric} for range ${dateFns.format( start, "P" )} - ${dateFns.format(end, "P")}`, el: Plot.plot({ height: 500, width: 1000, marginBottom: 100, y: { grid: true, label: metric }, x: { type: "time", grid: true, // tickFormat: d3.utcFormat("%e %b %y"), tickRotate: -60 // label: "Date" }, marks: [ Plot.frame(), // Plot.ruleY([0]), Plot.line( data_filtered.filter((x) => { const d = x[data_mod.dateField]; return d >= start && d < end; }), { y: metric, x: data_mod.dateField, stroke: "red" // stroke: `#${sensor_idx}${sensor_idx}${sensor_idx}${sensor_idx}${sensor_idx}${sensor_idx}`, // thresholds: binBy === "Daily" ? d3.utcDay : d3.utcWeek, // curve: "natural" // stroke: "VOC, ppm" } ) ] }) })) .forEach(({ el, title }) => { container.appendChild(title); container.appendChild(el); }); return container; }30:[] 2d:{"title":"Enter Your Report Title","cells":[{"id":0,"value":"# Enter Your Report Title","pinned":false,"hidden":false,"mode":"md"},{"id":715,"value":"### Highlights\n\nThis round, we made some reallllllly interesting observations.\n\nAdd any content here.","pinned":false,"hidden":false,"mode":"md"},{"id":363,"value":"html`

Figures: ${intervalSelector} ${metric}, ${dateFns.format(\n intervals[0][0],\n \"P\"\n)} - ${dateFns.format(intervals[intervals.length - 1][1], \"P\")}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"# Appendix\n","pinned":false,"hidden":false,"mode":"md"},{"id":1228,"value":"## Report configuration","pinned":false,"hidden":false,"mode":"md"},{"id":1097,"value":"viewof intervalSelector = Inputs.select([\"Daily\", \"Weekly\", \"Monthly\"], {\n label: \"Select interval\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":945,"value":"viewof sensor = Inputs.select(\n [\n { pretty: \"Flow\", id: \"flow\" },\n { pretty: \"MiniWRAS\", id: \"miniwras\" }\n ],\n { label: \"Select sensor type\", format: (v) => v.pretty }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":935,"value":"viewof url0 = views[0] ? views[0] : undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":953,"value":"viewof url1 = views[1] ? views[1] : undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":887,"value":"is_csv_url_error_msg ? html`URLs Invalid` : html`URLs OK`","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"viewof metric = Inputs.select(\n Object.keys(data[0]).filter((key) => !key.match(/(date|time|lat|long|skip)/)),\n {\n label: \"Select metric\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1091,"value":"viewof scriptVersion = Inputs.select([\"v2\", \"v1\", \"v0\"], {\n label: \"Script Version\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1030,"value":"viewof filters = {\n const options = [\n \"Date range\",\n sensor.id.match(/flow/i) ? \"Omit Positions\" : undefined\n ].filter(Boolean);\n return Inputs.checkbox(options, {\n label: \"Filters\",\n value: [\"Omit Positions\"]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"viewof start = Inputs.datetime({\n label: \"Start Date\",\n value: is_filtering_by_date ? data[0][data_mod.dateField] : \"1970-01-01\",\n disabled: !is_filtering_by_date\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"viewof end = Inputs.datetime({\n label: \"End Date\",\n value: is_filtering_by_date\n ? data[data.length - 1][data_mod.dateField]\n : \"9999-01-01\",\n disabled: !is_filtering_by_date\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1230,"value":"## Intermediate Datas","pinned":false,"hidden":false,"mode":"md"},{"id":1003,"value":"default_urls_by_sensor = {\n return {\n miniwras: [\n \"https://docs.google.com/spreadsheets/d/1XqB95gipLDOOsCfYFMV1RXREYUp14POM0fnV1hNRekA\",\n \"https://docs.google.com/spreadsheets/d/1l87PtfEy9vWAq4D0iDDh2dIYGZ8y6regd0Wk33kUH0c\"\n ],\n flow: [\n \"https://docs.google.com/spreadsheets/d/1x59PQjrKqN3NSORDaTAs557v0mloOosNTnqKhfrE3VU\",\n \"https://docs.google.com/spreadsheets/d/15QJWTrn2RVG8C2q0SF7qjXDIMabg-OXDTYkjBRLWHrw\"\n ]\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":882,"value":"mutable is_csv_url_error_msg = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"csv_urls = {\n try {\n mutable is_csv_url_error_msg = null;\n const urls = [url0, url1]\n .filter(Boolean)\n .map((v) => v.trim())\n .filter((v) => !!v)\n .map((v) => new URL(v).toString());\n return urls;\n } catch {\n mutable is_csv_url_error_msg = \"Invalid urls!\";\n return [];\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":727,"value":"views = sensor.id === \"miniwras\" || sensor.id === \"flow\"\n ? [\n Inputs.textarea({\n label: \"Data URL\",\n placeholder: \"Add Data URL\",\n value: default_urls_by_sensor[sensor.id][0]\n }),\n Inputs.textarea({\n label: \"Positions URL\",\n placeholder: \"Add Positions URL\",\n value: default_urls_by_sensor[sensor.id][1]\n })\n ]\n : []","pinned":false,"hidden":false,"mode":"ojs"},{"id":828,"value":"data_mod = import(\n `https://static.cdaringe.com/airmap/${scriptVersion}/packages/cleanair-sensor-${sensor.id}/mod.js?cachebust=4`\n).then((mod) => mod.default)","pinned":false,"hidden":false,"mode":"ojs"},{"id":841,"value":"data = {\n return data_mod.download(csv_urls, { omitPositions: filters.includes(\"Omit Positions\") });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1034,"value":"is_filtering_by_date = filters.includes(\"Date range\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1048,"value":"data_filtered = {\n\n return is_filtering_by_date\n ? data.filter((v) => {\n const d = v[data_mod.dateField];\n return d >= start && d <= end;\n })\n : data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1186,"value":"dateFns = import(\"https://cdn.skypack.dev/date-fns\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"intervals = {\n let results = [];\n const firstDataDate = data_filtered[0]?.[data_mod.dateField] || new Date(0);\n const lastDataDate =\n data_filtered[data_filtered.length - 1]?.[data_mod.dateField] ||\n new Date(\"01-01-2099\");\n let actualStart = dateFns.startOfDay(\n start < firstDataDate ? firstDataDate : start\n );\n let actualEnd = end > lastDataDate ? lastDataDate : end;\n let startBound = actualStart;\n do {\n const nextStart =\n intervalSelector === \"Daily\"\n ? dateFns.addDays(startBound, 1)\n : intervalSelector === \"Weekly\"\n ? dateFns.addWeeks(startBound, 1)\n : dateFns.addMonths(startBound, 1);\n results.push([startBound, nextStart]);\n startBound = nextStart;\n } while (startBound < actualEnd);\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":923,"value":"#### unused","pinned":false,"hidden":false,"mode":"md"},{"id":278,"value":"viewof binBy = Inputs.radio([\"Daily\"], { label: \"Group by:\", value: \"Daily\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"days_ms = 1000 * 60 * 60 *24;","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}