2b:null 2c:["$","title",null,{"children":"Temperaturen in Kiel | RND | Observable"}] 31:T557,klimarechner = addTooltips(Plot.plot({ marginBottom: 40, marginTop: 30, marginLeft: 50, marginRight: 30, height: (balken * 17) + 70, width, color: { type: "diverging", range: ["#4F80FF","#80A3FF","#B3C8FF","#F0C1B2","#E84F1C","#C9212C"] }, y: { grid: true, label: "", tickFormat: d3.format("") }, x: { grid: true, domain: [-max,max], ticks: width/200, tickFormat: d3.format("+"), label: "<- Temperaturabweichung ->", labelAnchor: "center" }, marks: [ Plot.barX(tempdate, { y: "jahr", x: "anomalie", fill: "anomalie", title: (d) => `${d.tag}. ${monat} ${d.jahr} \n Durchschnittstemperatur \n in Deutschland: \n ${d.temp.toLocaleString("de", {day: "numeric", month: "numeric", year: "numeric"})} Grad`, sort: {y: "y", reverse: true}}), Plot.text(tempdate.filter(d => d.anomalie >= 0), { y: "jahr", x: "anomalie", text: d => "+" + d.anomalie.toLocaleString("de", {minimumFractionDigits: 1, maximumFractionDigits: 1}), textAnchor: "start", dx: 2}), Plot.text(tempdate.filter(d => d.anomalie < 0), { y: "jahr", x: "anomalie", text: d => d.anomalie.toLocaleString("de", {minimumFractionDigits: 1, maximumFractionDigits: 1}), dx: -2, textAnchor: "end"}) ] }))32:T69d,myStyles = html` `33:[] 2f:{"id":"bdfcc88213006f1d","slug":"temperaturen-in-kiel","title":"Temperaturen in Kiel","thumbnail":"d14663167971d00fca8059b230b92e4933ac54d2230134fdcc1e1d414a9ec7f8","access_level":"public","create_time":"$D2022-05-23T13:52:55.746Z","update_time":"$D2022-12-01T14:09:50.216Z","view_time":null,"first_public_time":"$D2022-05-23T14:01:49.580Z","fork":{"id":"0079ed611007909f","slug":"temperaturen-in-potsdam","title":"Temperaturen in Potsdam","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":4742,"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":0,"collection":null,"type":"notebook","body":{"title":"Temperaturen in Kiel","cells":[{"id":3563,"value":"# Temperaturen in Kiel","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4692,"value":"head = md`

Wann war es in ${gebiet} am wärmsten?

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3964,"value":"viewof date = Inputs.date({label: \"Wann ist Ihr Geburtstag?\", value: \"1976-05-22\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4679,"value":"viewof gebiet = Inputs.radio([\"Kiel\", \"Deutschland\"], {label: \"Wählen Sie ein Gebiet:\", value: \"Kiel\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1167,"value":"title = md`

Ihr bisher wärmster Geburtstag war der ${tag}. ${monat} ${warm.jahr}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3467,"value":"label = md`Die Grafik zeigt die Abweichung der durchschnittlichen Lufttemperatur an Ihrem Geburtstag vom langjährigen Mittelwert.

In den vergangenen ${dauer} Jahren betrug die Temperatur in ${gebiet} am ${tag}. ${monat} durchschnittlich ${tempmean.toLocaleString(\"de\", {minimumFractionDigits: 1, maximumFractionDigits: 1})} Grad. Das bedeutet eine Abweichung von ${anomaliemean.toLocaleString(\"de\", {minimumFractionDigits: 1, maximumFractionDigits: 1})} Grad gegenüber dem langjährigen Mittelwert dieses Tages von ${tempdate[0].templang.toLocaleString(\"de\", {minimumFractionDigits: 1, maximumFractionDigits: 1})} Grad (Durchschnittstemperatur 1961 bis 1990).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4225,"value":"klimarechner.legend(\"color\", {label: \"Temperaturabweichung\", width, ticks: 3, marginLeft: 50, marginRight: 20})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4031,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4476,"value":"credits = md`Idee: Tereza Iofciu, Quelle: DWD, eigene Berechnung`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3953,"value":"//Rohdaten importieren\ntemplong = d3.csv(\"https://static.rndtech.de/share/rnd/kielgertemp.csv\").then(\n function(data) {\n data.forEach(function(d) {\n d.date = new Date(d.date);\n d.tag = +d.tag;\n d.monat = +d.monat;\n d.jahr = +d.jahr;\n d.temp = +d.temp;\n d.templang = +d.templang;\n d.anomalie = +d.anomalie;\n });\n return data;\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4013,"value":"//Kombination aus Tag und Monat aus Rohdaten filtern\n\ntempdate = templong.filter(d => d.date.getMonth() === date.getMonth() && d.date.getDate() === date.getDate() && d.date.getYear() >= date.getYear() && d.gebiet === gebiet)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4179,"value":"//Zahl der Einträge errechnen\nbalken = tempdate.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4205,"value":"//höchsten Wert errechnen für Maximalwert der x-Achse\nmax = Math.round(Math.max(d3.max(tempdate, function(d) { return Math.abs(d.anomalie) } )) + 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4422,"value":"//Tag des eingegebenen Datum extrahieren für die Unterzeile\ntag = date.getDate();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4431,"value":"//Monat des eingegebenen Datum extrahieren für die Unterzeile\nmonat = monthNames[date.getMonth()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4437,"value":"//Jahr des eingegebenen Datum extrahieren für die Unterzeile\njahr = date.getFullYear();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4445,"value":"monthNames = [\"Januar\", \"Februar\", \"März\", \"April\", \"Mai\", \"Juni\", \"Juli\", \"August\", \"September\", \"Oktober\", \"November\", \"Dezember\"\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4500,"value":"//Funktion zum Sortieren der Daten nach Anolmalie\nfunction compareanomalie( a, b ) {\n if ( a.anomalie > b.anomalie ){\n return -1;\n }\n if ( a.anomalie < b.anomalie ){\n return 1;\n }\n return 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4526,"value":"//Daten nach Anomalie sortieren und das das wärmste Jahr herausfiltern\nwarm = tempdate.sort(compareanomalie)[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4555,"value":"//Funktion zum Sortieren der Daten nach Datum\n\nfunction comparedate( a, b ) {\n if ( a.date > b.date ){\n return -1;\n }\n if ( a.date < b.date ){\n return 1;\n }\n return 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4564,"value":"//Daten nach Datum sortieren und die vergangenen zehn Jahre herausfiltern\njahrzehnte = tempdate.sort(comparedate).slice(0,20)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4589,"value":"//Durchschnittsanomalie der vergangenen zehn Jahre\nanomaliemean = d3.mean(jahrzehnte, d => d.anomalie)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4626,"value":"//Durchschnittstemperatur der vergangenen zehn Jahre\ntempmean = d3.mean(jahrzehnte, d => d.temp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4607,"value":"//Länge der Jahrzehnte ermitteln\ndauer = jahrzehnte.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4481,"value":"import {addTooltips} from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4009,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"