2b:null 2c:["$","title",null,{"children":"Bodenfeuchte in Mecklenburg-Vorpommern | RND | Observable"}] 31:Te4c,chart = addTooltips(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: 160, fill: "#002993", opacity: 1 }), Plot.areaY(mv_time_wide, { x: "date", y1: "Mecklenburg_Vorpommern_min", y2: "Mecklenburg_Vorpommern_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: 77.8, y2: 112.0, 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: 112.0, text: (d) => `Spanne für\n\Mecklenburg-Vorpommern`, 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:T6c3,//Rohdaten für das Band importieren mv_time_wide = d3.csv("https://static.rndtech.de/share/rnd/mecklenburg_vorpommern/mv_time_wide_neu.csv").then( function(data) { data.forEach(function(d) { d.date = new Date(d.date); d.Mecklenburg_Vorpommern = +d.Mecklenburg_Vorpommern; d.Mecklenburg_Vorpommern_min = +d.Mecklenburg_Vorpommern_min; d.Mecklenburg_Vorpommern_max = +d.Mecklenburg_Vorpommern_max; d.Ludwigslust_Parchim = +d.Ludwigslust_Parchim; d.Ludwigslust_Parchim_min = +d.Ludwigslust_Parchim_min; d.Ludwigslust_Parchim_max = +d.Ludwigslust_Parchim_max; d.Mecklenburgische_Seenplatte = +d.Mecklenburgische_Seenplatte; d.Mecklenburgische_Seenplatte_min = +d.Mecklenburgische_Seenplatte_min; d.Mecklenburgische_Seenplatte_max = +d.Mecklenburgische_Seenplatte_max; d.Nordwestmecklenburg = +d.Nordwestmecklenburg; d.Nordwestmecklenburg_min = +d.Nordwestmecklenburg_min; d.Nordwestmecklenburg_max = +d.Nordwestmecklenburg_max; d.Rostock_Land = +d.Rostock_Land; d.Rostock_Land_min = +d.Rostock_Land_min; d.Rostock_Land_max = +d.Rostock_Land_max; d.Rostock_Land = +d.Rostock_Land; d.Rostock_Land_min = +d.Rostock_Land_min; d.Rostock_Land_max = +d.Rostock_Land_max; d.Rostock_Stadt = +d.Rostock_Stadt; d.Rostock_Stadt_min = +d.Rostock_Stadt_min; d.Rostock_Stadt_max = +d.Rostock_Stadt_max; d.Schwerin = +d.Schwerin; d.Schwerin_min = +d.Schwerin_min; d.Schwerin_max = +d.Schwerin_max; d.Vorpommern_Rügen = +d.Vorpommern_Rügen; d.Vorpommern_Rügen_min = +d.Vorpommern_Rügen_min; d.Vorpommern_Rügen_max = +d.Vorpommern_Rügen_max; }); return data; } )33:Tdf9,addTooltips = (chart, hover_styles = { fill: "blue", opacity: 0.5 }) => { let styles = hover_styles; const line_styles = { stroke: "#e84f1c", "stroke-width": 2 }; // Workaround if it's in a figure const type = d3.select(chart).node().tagName; let wrapper = type === "FIGURE" ? d3.select(chart).select("svg") : d3.select(chart); // Workaround if there's a legend.... const numSvgs = d3.select(chart).selectAll("svg").size(); if (numSvgs === 2) wrapper = d3 .select(chart) .selectAll("svg") .filter((d, i) => i === 1); wrapper.style("overflow", "visible"); // to avoid clipping at the edges // Set pointer events to visibleStroke if the fill is none (e.g., if its a line) wrapper.selectAll("path").each(function (data, index, nodes) { // For line charts, set the pointer events to be visible stroke if ( d3.select(this).attr("fill") === null || d3.select(this).attr("fill") === "none" ) { d3.select(this).style("pointer-events", "visibleStroke"); styles = _.isEqual(hover_styles, { fill: "blue", opacity: 0.5 }) ? line_styles : hover_styles; } }); const tip = wrapper .selectAll(".hover-tip") .data([""]) .join("g") .attr("class", "hover") .style("pointer-events", "none") .style("text-anchor", "middle"); // Add a unique id to the chart for styling const id = id_generator(); // Add the event listeners d3.select(chart) .classed(id, true) // using a class selector so that it doesn't overwrite the ID .selectAll("title") .each(function () { // Get the text out of the title, set it as an attribute on the parent, and remove it const title = d3.select(this); // title element that we want to remove const parent = d3.select(this.parentNode); // visual mark on the screen const t = title.text(); if (t) { parent.attr("__title", t).classed("has-title", true); title.remove(); } // Mouse events parent .on("mousemove", function (event) { const text = d3.select(this).attr("__title"); const pointer = d3.pointer(event, wrapper.node()); if (text) tip.call(hover, pointer, text.split("\n")); else tip.selectAll("*").remove(); // Raise it d3.select(this).raise(); // Keep within the parent horizontally const tipSize = tip.node().getBBox(); if (pointer[0] + tipSize.x < 0) tip.attr( "transform", `translate(${tipSize.width / 2}, ${pointer[1] + 7})` ); else if (pointer[0] + tipSize.width / 2 > wrapper.attr("width")) tip.attr( "transform", `translate(${wrapper.attr("width") - tipSize.width / 2}, ${ pointer[1] + 7 })` ); }) .on("mouseout", function (event) { tip.selectAll("*").remove(); // Lower it! d3.select(this).lower(); }); }); // Remove the tip if you tap on the wrapper (for mobile) wrapper.on("touchstart", () => tip.selectAll("*").remove()); // Add styles const style_string = Object.keys(styles) .map((d) => { return `${d}:${styles[d]};`; }) .join(""); // Define the styles const style = html``; chart.appendChild(style); return chart; }34: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)}`)}

`; }35: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; }36:[] 2f:{"id":"714dbb65727585f0","slug":"bodenfeuchte-in-mecklenburg-vorpommern","title":"Bodenfeuchte in Mecklenburg-Vorpommern","thumbnail":"af59d96f80edd0c5ae8c61494d100dbae1d4e7aea732315f57a2962269198f36","access_level":"public","create_time":"$D2022-07-05T13:30:51.092Z","update_time":"$D2022-12-01T13:58:38.246Z","view_time":null,"first_public_time":"$D2022-07-05T14:11:38.737Z","fork":{"id":"60f059aa5e75240a","slug":"bodenfeuchte-in-niedersachsen","title":"Bodenfeuchte in Niedersachsen","owner":{"id":"b8db01b7dd27a055","login":"rnd","name":"RND"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":1598,"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 Mecklenburg-Vorpommern","cells":[{"id":0,"value":"# Bodenfeuchte in Mecklenburg-Vorpommern","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1084,"value":"title = md`

Trockenheit in Mecklenburg-Vorpommern

`","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":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":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: \"Mecklenburg-Vorpommern\"})","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":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1070,"value":"credits = md`Modellrechnung mit der Annahme Grasbewuchs, ohne Vorpommern-Greifswald, 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('Rostock_(Land)_min', 'Rostock_Land_min').replace('Rostock_(Stadt)_min', 'Rostock_Stadt_min').replace('Vorpommern-Rügen_min', 'Vorpommern_Rügen_min').replace('Ludwigslust-Parchim_min', 'Ludwigslust_Parchim_min').replace('Mecklenburg-Vorpommern_min', 'Mecklenburg_Vorpommern_min')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1573,"value":"max_chart = max.replaceAll(' ', '_').replace('Rostock_(Land)_max', 'Rostock_Land_max').replace('Rostock_(Stadt)_max', 'Rostock_Stadt_max').replace('Vorpommern-Rügen_max', 'Vorpommern_Rügen_max').replace('Ludwigslust-Parchim_max', 'Ludwigslust_Parchim_max').replace('Mecklenburg-Vorpommern_max', 'Mecklenburg_Vorpommern_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 == \"Mecklenburg-Vorpommern\") {return 0} else {return 1}}","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 == \"Mecklenburg-Vorpommern\") {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('Mecklenburg Vorpommern', 'Mecklenburg-Vorpommern').replace('Ludwigslust Parchim', 'Ludwigslust-Parchim').replace('Rostock Land', 'Rostock (Land)').replace('Rostock Stadt', 'Rostock (Stadt)').replace('Vorpommern Rügen', 'Vorpommern-Rügen')+\" 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('Mecklenburg Vorpommern', 'Mecklenburg-Vorpommern').replace('Ludwigslust Parchim', 'Ludwigslust-Parchim').replace('Rostock Land', 'Rostock (Land)').replace('Rostock Stadt', 'Rostock (Stadt)').replace('Vorpommern Rügen', 'Vorpommern-Rügen')+\" 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/mecklenburg_vorpommern/mv_time_long_neu.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('Mecklenburg Vorpommern', 'Mecklenburg-Vorpommern').replace('Ludwigslust Parchim', 'Ludwigslust-Parchim').replace('Rostock Land', 'Rostock (Land)').replace('Rostock Stadt', 'Rostock (Stadt)').replace('Vorpommern Rügen', 'Vorpommern-Rügen')\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":69,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"// Function to position the tooltip\nhover = (tip, pos, text) => {\n const side_padding = 10;\n const vertical_padding = 5;\n const vertical_offset = 15;\n\n // Empty it out\n tip.selectAll(\"*\").remove();\n\n // Append the text\n tip\n .style(\"text-anchor\", \"middle\")\n .style(\"pointer-events\", \"none\")\n .attr(\"transform\", `translate(${pos[0]}, ${pos[1] + 7})`)\n .selectAll(\"text\")\n .data(text)\n .join(\"text\")\n .style(\"dominant-baseline\", \"ideographic\")\n .text((d) => d)\n .attr(\"y\", (d, i) => (i - (text.length - 1)) * 15 - vertical_offset)\n\n const bbox = tip.node().getBBox();\n\n // Add a rectangle (as background)\n tip\n .append(\"rect\")\n .attr(\"y\", bbox.y - vertical_padding)\n .attr(\"x\", bbox.x - side_padding)\n .attr(\"width\", bbox.width + side_padding * 2)\n .attr(\"height\", bbox.height + vertical_padding * 2)\n .style(\"fill\", \"rgb(255, 255, 255, .8\")\n .style(\"stroke\", \"#eff3f5\")\n .lower();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"// To generate a unique ID for each chart so that they styles only apply to that chart\nid_generator = () => {\n var S4 = function () {\n return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\n };\n return \"a\" + S4() + S4();\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":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"$35","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":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"