2c:null 2d:["$","title",null,{"children":"Forecast for Frankfurt am Main | altocumulus | Observable"}] 32:T12ad,output = html`

${time}

${date}

${TimeFormats.TIME(forecast.daily.data[0].sunriseTime * 1000)}

${TimeFormats.TIME(forecast.daily.data[0].sunsetTime * 1000)}

Wassertemperatur

${measurement.waterTemperature.value}

Wasserstand

${measurement.waterLevel.value}

${weatherIcons.get(forecast.currently.icon)}

${temperatureFormat(forecast.currently.temperature)}

${forecast.currently.precipProbability * 100} %

${forecast.currently.precipIntensity} mm

${getWindIcon(forecast.currently.windBearing)}

${getCardinalPoint(forecast.currently.windBearing)} ${getBeaufort(forecast.currently.windSpeed)} Bft

${forecast.currently.summary}. ${forecast.daily.data[0].summary}

`33:[] 30:{"id":"047b7b784f99ba6c","slug":"forecast-for-frankfurt-am-main","title":"Forecast for Frankfurt am Main","thumbnail":"ea8d905e08ccda8c3de60556e395af7838015ed3f1d3764d4008523bc54f7c58","access_level":"public","create_time":"$D2019-03-20T13:51:40.462Z","update_time":"$D2021-02-02T17:23:49.691Z","view_time":null,"first_public_time":"$D2020-06-14T18:45:07.825Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"6a229820e7579a62","login":"altocumulus","name":"","avatar_url":"https://avatars-next.observableusercontent.com/532e117eb4113ec43ce66faa7411ece2d816938addb1f31e7b78876c58ad43e7","tier":"starter_2024","bio":""},"version":676,"publish_version":676,"role":null,"authored":false,"authors":[{"type":"individual","id":"4800ef41a3463eab","login":"altocumulus","name":"","avatar_url":"https://avatars-next.observableusercontent.com/532e117eb4113ec43ce66faa7411ece2d816938addb1f31e7b78876c58ad43e7","tier":null,"bio":""}],"members":[{"type":"individual","id":"4800ef41a3463eab","login":"altocumulus","name":"","avatar_url":"https://avatars-next.observableusercontent.com/532e117eb4113ec43ce66faa7411ece2d816938addb1f31e7b78876c58ad43e7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Forecast for Frankfurt am Main","cells":[{"id":0,"value":"md`# Forecast for Frankfurt am Main`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"time = {\n yield TimeFormats.TIME(Date.now());\n while (true) {\n await Promises.tick(60 * 1000);\n yield TimeFormats.TIME(Date.now())\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"date = {\n yield TimeFormats.DATE(Date.now());\n while (true) {\n await Promises.tick(24 * 60 * 60 * 1000);\n yield TimeFormats.DATE(Date.now());\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"days = {\n d3.select(\"#days\").selectAll(\"div\")\n .data(forecast.daily.data.slice(0,5), d => d.time)\n .enter().append(\"div\")\n .append(d => weatherIcons.get(d.icon))\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"function getTrendIcon(trend) {\n let icon;\n if (trend > 0) {\n icon = \"up-right-arrow\";\n } else if (trend < 0) {\n icon = \"down-right-arrow\";\n } else {\n icon = \"right\";\n }\n return html`

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":"function getWindIcon(direction) {\n const degrees = COMPASS.get(getCardinalPoint(direction));\n d3.select(WIND_ARROW)\n .select(\"g\")\n .attr(\"transform\", `rotate(${degrees + 135})`);\n return WIND_ARROW;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"PEGEL_ONLINE = \"https://www.pegelonline.wsv.de/webservices/rest-api/v2/stations/66ff3eb4-513b-478b-abd2-2f5126ea66fd?includeTimeseries=true&includeCurrentMeasurement=true\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"weatherIcons = ({\n MAP: new Map([\n [\"clear-day\", \"sun\"],\n [\"clear-night\", \"moon-and-stars\"],\n [\"rain\", \"rain\"],\n [\"snow\", \"snow\"],\n [\"sleet\", \"sleet\"],\n [\"wind\", \"windy-weather\"],\n [\"fog\", \"haze\"],\n [\"cloudy\", \"clouds\"],\n [\"partly-cloudy-day\", \"partly-cloudy-day\"],\n [\"partly-cloudy-night\", \"partly-cloudy-day\"]\n ]),\n URL: \"https://img.icons8.com/ios/60/000000/\",\n get(weather) { return html`

`; }\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"class TimeFormats {\n static get LOCALE() {\n return d3.timeFormatDefaultLocale({\n \"dateTime\": \"%A, der %e. %B %Y, %X\",\n \"date\": \"%A, %e. %B %Y\",\n \"time\": \"%H:%M\",\n \"periods\": [\"AM\", \"PM\"],\n \"days\": [\"Sonntag\", \"Montag\", \"Dienstag\", \"Mittwoch\", \"Donnerstag\", \"Freitag\", \"Samstag\"],\n \"shortDays\": [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"],\n \"months\": [\"Januar\", \"Februar\", \"März\", \"April\", \"Mai\", \"Juni\", \"Juli\", \"August\", \"September\", \"Oktober\", \"November\", \"Dezember\"],\n \"shortMonths\": [\"Jan\", \"Feb\", \"Mrz\", \"Apr\", \"Mai\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dez\"]\n });\n }\n static get TIME() { return TimeFormats.LOCALE.format(\"%X\"); }\n static get DATE() { return TimeFormats.LOCALE.format(\"%x\"); }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"temperatureFormat = function(temperature) {\n return d3.format(\".1f\")(temperature) + \" °C\";\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"measurement = {\n while (true) {\n const osthafen = await d3.json(PEGEL_ONLINE);\n const waterLevel = getCurrentMeassurement(osthafen.timeseries, \"W\");\n const waterTemperature = getCurrentMeassurement(osthafen.timeseries, \"WT\");\n const airTemperature = getCurrentMeassurement(osthafen.timeseries, \"LT\");\n yield { waterLevel, waterTemperature, airTemperature };\n await Promises.delay(15 * 60 * 1000);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"function getCurrentMeassurement(timeseries, type) {\n const series = timeseries.find(t => t.shortname === type);\n const value = `${series.currentMeasurement.value} ${series.unit}`;\n const trend = series.currentMeasurement.trend;\n return { value, trend };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"forecast = {\n while(true) {\n let now = new Date();\n yield await d3.json(DARKSKY.URL);\n await Promises.delay(15 * 60 * 1000);\n }\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"POSITION = ({ lat: 50.099127, lon: 8.659178 });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"DARKSKY = ({\n get KEY() { return \"b8b508e9d5177f271d043f305e0f6f34\"},\n get PARAMS() { return \"lang=de&units=si\"; },\n get BASE_URL() { return `https://cors-anywhere.herokuapp.com/https://api.darksky.net/forecast/`; },\n get URL() { return `${this.BASE_URL}${this.KEY}/${POSITION.lat},${POSITION.lon}?${this.PARAMS}`; }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"d3 = require(\"d3@5\")\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"WIND_ARROW = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"COMPASS = new Map([\n [\"N\", 0],\n [\"NE\", 45],\n [\"E\", 90],\n [\"SE\", 135],\n [\"S\", 180],\n [\"SW\", 225],\n [\"W\", 270],\n [\"NW\", 315]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"getCardinalPoint = {\n const compassScale = d3.scaleThreshold()\n .domain(d3.range(22.5, 340, 45))\n .range([\"N\", \"NE\", \"E\", \"SE\", \"S\", \"SW\", \"W\", \"NW\", \"N\"]);\n \n return function(direction) {\n return compassScale(direction % 360);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"getBeaufort = {\n const beaufort = d3.scaleThreshold()\n .domain([0.5, 1.5, 3.3, 5.5, 7.9, 10.7, 13.8, 17.1, 20.7, 24.4, 28.4, 32.6])\n .range(d3.range(0, 13));\n return function(ms) {\n return beaufort(ms);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"getBeaufort(3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"