2b:null 2c:["$","title",null,{"children":"Bodenfeuchte in Schleswig-Holstein | RND | Observable"}] 31:Te33,chart = Plot.plot({ width, height: 350, marginRight: 40, marginLeft: 40, marks: [ Plot.ruleY([0]), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: -15, y2: 10, fill: "#750000", opacity: 1 }), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: 10, y2: 30, fill: "#C9212C", opacity: 1 }), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: 30, y2: 50, fill: "#F0C1B2", opacity: 1 }), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: 50, y2: 70, fill: "#80A3FF", opacity: 1 }), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: 70, y2: 90, fill: "#4F80FF", opacity: 1 }), Plot.rectY([0], { x1: new Date(2022,0,1), x2: date_max, y1: 90, y2: 150, fill: "#002993", opacity: 1 }), Plot.areaY(mv_time_wide, { x: "date", y1: "Schleswig_Holstein_min", y2: "Schleswig_Holstein_max", curve: "monotone-x", fill: "#ffffff", opacity: opacity_area, }), Plot.areaY(mv_time_wide.filter(d => (d.date <= tage)), { x: "date", y1: min_chart, y2: max_chart, curve: "monotone-x", fill: "#ffffff", opacity: 0.5 }), Plot.line(mv_time_long.filter(d => (d.gebiet == gebiet && d.date <= tage)), { x: "date", y: "value", z: "gebiet", stroke: "white", strokeWidth: 2, curve: "monotone-x", title: (d) => `${d.gebiet}` }), Plot.arrow([new Date(2022, 3, 10)], { stroke: "white", opacity: opacity, y1: 91.3, y2: 119.5, x1: new Date(2022, 3, 10), x2: new Date(2022, 3, 10) }), Plot.arrow([tage], { stroke: "white", opacity: 1, y1: bottom, y2: top, x1: tage, x2: tage }), Plot.text(mv_time_long.filter(d => d.gebiet == gebiet && d.date.getMonth() === tage.getMonth() && d.date.getDate() === tage.getDate()), { x: [date_max], y: "value", text: (d) => `${d.value.toLocaleString("de", {minimumFractionDigits: 1, maximumFractionDigits: 1})}`, fill: "value", opacity: 1, rotate: 0, textAnchor: "start", dx: 5, dy: 0 }), Plot.text(mv_time_long.filter(d => d.gebiet == gebiet && d.date.getMonth() === tage.getMonth() && d.date.getDate() === tage.getDate()), { x: [tage], y: bottom, text: (d) => ` Spanne für\n\ ${gebiet}`, fill: "#ffffff", opacity: 1, rotate: 0, textAnchor: anchor, dx: -2, dy: 12 }), Plot.text([new Date(2022, 3, 10)], { x: [new Date(2022, 3, 10)], y: 119.5, text: (d) => `Spanne für\n\Schleswig-Holstein`, fill: "#ffffff", opacity: opacity, rotate: 0, textAnchor: "start", dx: -1, dy: -15 }), Plot.ruleY(mv_time_long.filter(d => d.gebiet == gebiet && d.date.getMonth() === tage.getMonth() && d.date.getDate() === tage.getDate()), { y: "value", x1: tage, x2: date_max, stroke: "#ffffff", strokeDasharray: "2 2" }) ], x: { tickFormat: d => d.toLocaleString("de", {month: "short", year: "2-digit"}), ticks: width/200, grid: true }, y: { ticks: 5 }, color: { type: "threshold", domain: [10, 30, 50, 70, 90, 130], range: ["#750000", "#C9212C","#F0C1B2", "#80A3FF", "#4F80FF","#002993"] } })32:T70f,//Rohdaten für das Band importieren mv_time_wide = d3.csv("https://static.rndtech.de/share/rnd/schleswig_holstein/sh_time_wide.csv").then( function(data) { data.forEach(function(d) { d.date = new Date(d.date); d.Schleswig_Holstein = +d.Schleswig_Holstein; d.Schleswig_Holstein_min = +d.Schleswig_Holstein_min; d.Schleswig_Holstein_max = +d.Schleswig_Holstein_max; d.Hamburg = +d.Hamburg; d.Hamburg_min = +d.Hamburg_min; d.Hamburg_max = +d.Hamburg_max; d.Kiel = +d.Kiel; d.Kiel_min = +d.Kiel_min; d.Kiel_max = +d.Kiel_max; d.Neumünster = +d.Neumünster; d.Neumünster_min = +d.Neumünster_min; d.Neumünster_max = +d.Neumünster_max; d.Ostholstein = +d.Ostholstein; d.Ostholstein_min = +d.Ostholstein_min; d.Ostholstein_max = +d.Ostholstein_max; d.Pinneberg = +d.Pinneberg; d.Pinneberg_min = +d.Pinneberg_min; d.Pinneberg_max = +d.Pinneberg_max; d.Plön = +d.Plön; d.Plön_min = +d.Plön_min; d.Plön_max = +d.Plön_max; d.Rendsburg_Eckernförde = +d.Rendsburg_Eckernförde; d.Rendsburg_Eckernförde_min = +d.Rendsburg_Eckernförde_min; d.Rendsburg_Eckernförde_max = +d.Rendsburg_Eckernförde_max; d.Schleswig_Flensburg = +d.Schleswig_Flensburg; d.Schleswig_Flensburg_min = +d.Schleswig_Flensburg_min; d.Schleswig_Flensburg_max = +d.Schleswig_Flensburg_max; d.Segeberg = +d.Segeberg; d.Segeberg_min = +d.Segeberg_min; d.Segeberg_max = +d.Segeberg_max; d.Steinburg = +d.Steinburg; d.Steinburg_min = +d.Steinburg_min; d.Steinburg_max = +d.Steinburg_max; d.Stormarn = +d.Stormarn; d.Stormarn_min = +d.Stormarn_min; d.Stormarn_max = +d.Stormarn_max; }); return data; } )33:T8a2,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Swatches(color, { columns = null, format, unknown: formatUnknown, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 } = {}) { const id = `-swatches-${Math.random().toString(16).slice(2)}`; const unknown = formatUnknown == null ? undefined : color.unknown(); const unknowns = unknown == null || unknown === d3.scaleImplicit ? [] : [unknown]; const domain = color.domain().concat(unknowns); if (format === undefined) format = x => x === unknown ? formatUnknown : x; function entity(character) { return `&#${character.charCodeAt(0).toString()};`; } if (columns !== null) return htl.html`

${domain.map(value => { const label = `${format(value)}`; return htl.html`

${label}

`; })}

`; return htl.html`

${domain.map(value => htl.html`${format(value)}`)}

`; }34:Tb15,function Scrubber(values, { format = value => value, initial = "2022-01-01", delay = null, autoplay = true, loop = true, loopDelay = null, alternate = false } = {}) { values = Array.from(values); const form = html``; let frame = null; let timer = null; let interval = null; let direction = 1; function start() { form.b.textContent = "Pause"; if (delay === null) frame = requestAnimationFrame(tick); else interval = setInterval(tick, delay); } function stop() { form.b.textContent = "Start"; if (frame !== null) cancelAnimationFrame(frame), frame = null; if (timer !== null) clearTimeout(timer), timer = null; if (interval !== null) clearInterval(interval), interval = null; } function running() { return frame !== null || timer !== null || interval !== null; } function tick() { if (form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN)) { if (!loop) return stop(); if (alternate) direction = -direction; if (loopDelay !== null) { if (frame !== null) cancelAnimationFrame(frame), frame = null; if (interval !== null) clearInterval(interval), interval = null; timer = setTimeout(() => (step(), start()), loopDelay); return; } } if (delay === null) frame = requestAnimationFrame(tick); step(); } function step() { form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); } form.i.oninput = event => { if (event && event.isTrusted && running()) stop(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (running()) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); Inputs.disposal(form).then(stop); return form; }35:[] 2f:{"id":"b800255938e53499","slug":"bodenfeuchte-in-schleswig-holstein","title":"Bodenfeuchte in Schleswig-Holstein","thumbnail":"1351defc50d4f277f57a7a09c549d766dbd947281753398abc3a05c6a03d4f12","access_level":"public","create_time":"$D2022-07-05T15:23:56.964Z","update_time":"$D2023-02-02T13:25:13.131Z","view_time":null,"first_public_time":"$D2022-07-05T15:43:19.004Z","fork":{"id":"714dbb65727585f0","slug":"bodenfeuchte-in-mecklenburg-vorpommern","title":"Bodenfeuchte in Mecklenburg-Vorpommern","owner":{"id":"b8db01b7dd27a055","login":"rnd","name":"RND"}},"stars":1,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":1623,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Bodenfeuchte in Schleswig-Holstein","cells":[{"id":0,"value":"# Bodenfeuchte in Schleswig-Holstein","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1084,"value":"title = md`

Trockenheit in Schleswig-Holstein

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"subtitle = md`Durchschnittlicher für Pflanzen verfügbarer Wasservorrat des Bodens in 30 bis 40 Zentimetern Tiefe (nutzbare Feldkapazität in Prozent)` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof gebiet = Inputs.select(drop, {label: \"Region wählen:\", value: \"Schleswig-Holstein\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"legend = Swatches(d3.scaleOrdinal([\"zu feucht\", \"feucht\", \"ausreichend\", \"etwas trocken\", \"trocken\", \"extrem tocken\"], [\"#002993\", \"#4F80FF\", \"#80A3FF\",\"#F0C1B2\", \"#C9212C\", \"#750000\"]), {\n columns: \"100px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"viewof tage_string = Scrubber(dates, {\n delay: 100,\n autoplay: true,\n loopDelay: 6000,\n format: date => +date.split('-')[2]+\".\"+ +date.split('-')[1]+\".\"+date.split('-')[0]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1070,"value":"credits = md`Modellrechnung mit der Annahme Grasbewuchs, ohne Dithmarschen und Nordfriesland, Quelle: DWD, eigene Berechnung`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1569,"value":"min_chart = min.replaceAll(' ', '_').replace('Schleswig-Holstein_min', 'Schleswig_Holstein_min').replace('Rendsburg-Eckernförde_min', 'Rendsburg_Eckernförde_min').replace('Schleswig-Flensburg_min', 'Schleswig_Flensburg_min')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1573,"value":"max_chart = max.replaceAll(' ', '_').replace('Schleswig-Holstein_max', 'Schleswig_Holstein_max').replace('Rendsburg-Eckernförde_max', 'Rendsburg_Eckernförde_max').replace('Schleswig-Flensburg_max', 'Schleswig_Flensburg_max')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1555,"value":"min.replaceAll(\" \", \"_\").replaceAll(\"-\", \"_\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1280,"value":"drop = new Set(mv_time_long.filter(d => !d.gebiet.includes(\"min\") & !d.gebiet.includes(\"max\")).map(d => d.gebiet))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"// opacity für Pfeil und Text für Niedersachsen\n\nopacity = {if (gebiet == \"Schleswig-Holstein\") {return 0} else {return 0.8}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":824,"value":"// opacity für Spanne für Niedersachsen\n\nopacity_area = {if (gebiet == \"Schleswig-Holstein\") {return 0} else {return 0.2}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"// Ausrichtung des Texts am Pfeil\n\nanchor = {if (tage >= new Date(2022,3,10)) {return \"end\"} else {return \"start\"}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":975,"value":"tage = new Date(tage_string)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"// Spanne in ausgewähltem Gebiet am ausgewählten Tag\n\nspanne = mv_time_long.filter(d => (d.gebiet == min || d.gebiet == max) && d.date.getMonth() === tage.getMonth() && d.date.getDate() === tage.getDate()).map(d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"// neuestes Datum ermitteln\n\ndate_max = d3.max(mv_time_long.map(d => d.date))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"// Maximum der Spanne im ausgewählten Gebiet am ausgewählten Tag\n\ntop = d3.max(spanne)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"// Minimum der Spanne im ausgewählten Gebiet am ausgewählten Tag\n\nbottom = d3.min(spanne)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"// Gebiet für die untere Grenze der Spanne\n\nmin = gebiet.replaceAll('_', ' ').replace('Schleswig Holstein', 'Schleswig-Holstein').replace('Rendsburg Eckernförde', 'Rendsburg-Eckernförde').replace('Schleswig Flensburg', 'Schleswig-Flensburg')+\" min\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"// Gebiet für die obere Grenze der Spanne\n\nmax = gebiet.replaceAll('_', ' ').replace('Schleswig Holstein', 'Schleswig-Holstein').replace('Rendsburg Eckernförde', 'Rendsburg-Eckernförde').replace('Schleswig Flensburg', 'Schleswig-Flensburg')+\" max\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"//Rohdaten für die Linie importieren\nmv_time_long = d3.csv(\"https://static.rndtech.de/share/rnd/schleswig_holstein/sh_time_long.csv\").then(\n function(data) {\n data.forEach(function(d) {\n d.date = new Date(d.date);\n d.value = +d.value;\n d.gebiet = d.gebiet.replaceAll('_', ' ').replace('Schleswig Holstein', 'Schleswig-Holstein').replace('Rendsburg Eckernförde', 'Rendsburg-Eckernförde').replace('Schleswig Flensburg', 'Schleswig-Flensburg')\n });\n return data;\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1011,"value":"dates = getDates('2022-01-01', '2022-08-30')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1023,"value":"function getDates(startDate, endDate) {\n let toISODate = date => date.toISOString().substr(0,10);\n var dates = [];\n var currentDate = new Date(startDate);\n\n while (startDate <= endDate) {\n dates.push(startDate);\n currentDate.setUTCDate(currentDate.getUTCDate() + 1);\n startDate = toISODate(currentDate);\n }\n return dates;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"function roundUTCDay(d) {\n return new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate() + (d.getUTCHours() < 12 ? 0 : 1)));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"myStyles = html`\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"