2d:null 2e:["$","title",null,{"children":"Extreme weather Hans | Andrew Singleton | Observable"}] 33:T647,function ramp(name, direction) { let canvas; let colors; let dark; const n = 256; if (d3[`scheme${name}`] && d3[`scheme${name}`][n]) { colors = d3[`scheme${name}`][n]; dark = d3.lab(colors[0]).l < 50; } else { const interpolate = d3[`interpolate${name}`]; colors = []; dark = d3.lab(interpolate(0)).l < 50; for (let i = 0; i < n; ++i) { colors.push(d3.rgb(interpolate(i / (n - 1))).hex()); } } if (direction === -1) { colors = d3.reverse(colors) } if (n < 128) { canvas = htl.svg`

`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"Plot.legend({width: 800, height: 75, label: \"mm / 24h\", color: {type: \"symlog\", base: 2, domain: [0, 125], range: reverseColours.length === 0 ? [0, 1] : [1, 0], scheme: plotColourScale}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"As the stations are densely located in some areas, the plot can be made a bit clearer by grouping close stations together and showing the the maximum or mean value within a set radius. \n\nThe height and colour of each hexagon shows the station with maximum 24-hour precipitation within a 2km radius of the hexagon centroid. Use Ctrl + Left mouse button to rotate. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":341,"value":"precip24HexContainer = html`

`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"Plot.legend({width: 800, height: 75, label: \"Max mm / 24h within 2km radius\", color: {type: \"symlog\", base: 2, domain: [0, 125], range: reverseColours.length === 0 ? [0, 1] : [1, 0], scheme: plotColourScale}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"To see how the event developed from day to day, and to have a bit more control over the data, the below options can be used to change the the number of hourly observations required in 24-hours for the total to be valid, the radius within which to search for the maximum precipitation and the day and the date. Note that the date is the 24-hour precipitation for the 24-hours preceding 07:00 UTC on that day. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"viewof minHours = Inputs.range([1, 24], {label: \"Minimum hours\", step: 1, value: 24})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"viewof hex24radius = Inputs.range([0.25, 10], {label: \"Radius [km]\", step: 0.25, value: 2})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"viewof fps24 = Inputs.range([1, 10], {label: \"Frames per second\", step: 1, value: 5})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":386,"value":"viewof precip24date = Scrubber(unique(precip.map(d => dateFormatter(timeParser(d.valid_dttm)))).slice(1), {\n delay: 1000 / fps24,\n loopDelay: 1500,\n autoplay: false,\n format: date => date + \" [07:00 UTC]\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"precip24container = html`

`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"Plot.legend({width: 800, height: 75, label: \"Max mm / 24h within \" + hex24radius + \"km radius\", color: {type: \"symlog\", base: 2, domain: [0, 125], range: reverseColours.length === 0 ? [0, 1] : [1, 0], scheme: plotColourScale}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"## 1-hour precipitation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":163,"value":"All stations for which 1-hour precipitation is available are used from 00:00 UTC 7 Aug - 00:00 UTC 10 Aug 2023. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":483,"value":"viewof hex1radius = Inputs.range([0.25, 10], {label: \"Radius [km]\", step: 0.25, value: 2})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"viewof fps1 = Inputs.range([1, 10], {label: \"Frames per second\", step: 1, value: 5})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"viewof precip1date = Scrubber(\n Array.from(precip1.keys()), {\n autoplay: false,\n delay: 1000 / fps1,\n loopDelay: 1500,\n format: date => dateFormatter(timeParser(date)) + \" [\" + d3.utcFormat(\"%H:%M\")(timeParser(date)) + \"UTC]\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":508,"value":"precip1container = html`

`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"Plot.legend({width: 800, height: 75, label: \"Max mm / 1h within \" + hex1radius + \"km radius\", color: {type: \"symlog\", base: 2, domain: [0, 40], range: reverseColours.length === 0 ? [0, 1] : [1, 0], scheme: plotColourScale}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"## Total precipitation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":602,"value":"viewof minHoursTotal = Inputs.range([1, 73], {label: \"Minimum hours\", step: 1, value: 73})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":645,"value":"viewof hexTotalRadius = Inputs.range([0.25, 10], {label: \"Radius [km]\", step: 0.25, value: 2})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"viewof fpsTotal = Inputs.range([1, 10], {label: \"Frames per second\", step: 1, value: 5})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"viewof precipTotalDate = Scrubber(\n Array.from(plotDataTotal.keys()), {\n autoplay: false,\n delay: 1000 / fpsTotal,\n loopDelay: 1500,\n format: date => timeFormatter(timeParser(date))\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"precipTotalContainer = html`

`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"Plot.legend({width: 800, height: 75, label: \"Max total mm within \" + hexTotalRadius + \"km radius\", color: {type: \"symlog\", base: 2, domain: [0, 212], range: reverseColours.length === 0 ? [0, 1] : [1, 0], scheme: plotColourScale}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"# Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":146,"value":"Precipitation observations are from citizen observations using [NETATMO rain gauges](https://www.netatmo.com/no-no/smart-rain-gauge) supplied to the [Norwegian Meteorological Institute](https://www.met.no/) by Netatmo within the bounding box [4.5 - 12.5]°E; [57.5 - 65.5]°N ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"precip = FileAttachment(\"all_24h@4.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"precip1h = FileAttachment(\"all_1h.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"## Colour Scales","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":672,"value":"cScales = [\"Blues\", \"Greens\", \"Greys\", \"Oranges\", \"Purples\", \"Reds\", \"BuGn\", \"BuPu\", \"GnBu\", \"OrRd\", \"PuBuGn\", \"PuBu\", \"PuRd\", \"RdPu\", \"YlGnBu\", \"YlGn\", \"YlOrBr\", \"YlOrRd\", \"Cividis\", \"Viridis\", \"Inferno\", \"Magma\", \"Plasma\", \"Warm\", \"Cool\", \"Turbo\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"colorScale = {\n const cRange = reverseColours.length === 0 ? [0, 1] : [1, 0];\n return (z, max, min = 0) => {\n if (z === min) {\n return [255, 255, 255, 0];\n }\n const logScale = d3.scaleSymlog().domain([min, max]).range(cRange);\n const color = d3.color(d3[`interpolate${plotColourScale}`](logScale(z)));\n return [color.r, color.g, color.b, 255 * 0.9];\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"## 24-hour precip data & functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":739,"value":"precip24ScatterDeckgl = {\n const props = {\n container: precip24ScatterContainer,\n map: mapboxgl,\n mapStyle: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n layers: [],\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n maxZoom: 12,\n pitch: 0\n },\n controller: true,\n getTooltip: getTooltipScatter\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n return new deck.DeckGL(props);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"{\n let layer = new deck.ScatterplotLayer({\n id: 'scatterplot-layer',\n data: d3.sort(precip.filter(d => d.valid_dttm === \"2023-08-08 07:00:00\" && d.count === 24 && d.lon >= 4.5 && d.lon <= 12.5 && d.lat >= 57.5 && d.lat <= 65.5), d => d.AccPcp24h),\n pickable: true,\n opacity: 1,\n filled: true,\n radiusScale: 1,\n radiusMinPixels: 1,\n radiusMaxPixels: 10,\n getPosition: d => [d.lon, d.lat],\n getRadius: d => 1000,\n getFillColor: d => colorScale(d.AccPcp24h, 125)\n });\n\n precip24ScatterDeckgl.setProps({\n layers: [layer]\n });\n\n return \"onchange - precip24Scatter\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":750,"value":"precip24HexDeckgl = {\n const props = {\n container: precip24HexContainer,\n map: mapboxgl,\n mapStyle: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n layers: [],\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n pitch: 90\n },\n controller: true,\n getTooltip: getTooltipHex\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n return new deck.DeckGL(props);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":752,"value":"{\n let layer = new deck.HexagonLayer({\n id: \"hexagon-layer\",\n data: d3.sort(\n precip.filter(\n (d) =>\n d.valid_dttm === \"2023-08-08 07:00:00\" &&\n d.count === 24 &&\n d.lon >= 4.5 &&\n d.lon <= 12.5 &&\n d.lat >= 57.5 &&\n d.lat <= 65.5\n ),\n (d) => d.AccPcp24h\n ),\n pickable: true,\n extruded: true,\n radius: 2000,\n getColorWeight: (d) => d.AccPcp24h,\n getElevationWeight: (d) => d.AccPcp24h,\n elevationAggregation: \"MAX\",\n elevationScale: 200,\n colorRange: d3.ticks(0, 125, 1024).map((d) => colorScale(d, 125)),\n colorDomain: [0, 125],\n colorAggregation: \"MAX\",\n getPosition: (d) => [d.lon, d.lat]\n });\n\n precip24HexDeckgl.setProps({\n layers: [layer]\n });\n\n return \"onchange - precip24Hex\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"precip24deckgl = {\n const props = {\n container: precip24container,\n map: mapboxgl,\n mapStyle: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n layers: [],\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n pitch: 90\n },\n controller: true,\n getTooltip: getTooltipHex\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n return new deck.DeckGL(props);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"{\n let layer = new deck.HexagonLayer({\n id: \"hex-layer\",\n data: precip24data,\n pickable: true,\n extruded: true,\n radius: hex24radius * 1000,\n getColorWeight: (d) => d.AccPcp24h,\n getElevationWeight: (d) => d.AccPcp24h,\n elevationAggregation: \"MAX\",\n elevationScale: 200,\n elevationDomain: [0, 125],\n colorRange: d3.ticks(0, 125, 1024).map((d) => colorScale(d, 125)),\n colorDomain: [0, 125],\n colorAggregation: \"MAX\",\n getPosition: (d) => [d.lon, d.lat]\n });\n\n precip24deckgl.setProps({\n layers: [layer]\n });\n\n return \"onchange - precip24\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"precip24data = {\n const maxPrecip = d3.max(precip, d => d.AccPcp24h);\n return precip.filter(\n d => d.valid_dttm === d3.utcFormat(\"%Y-%m-%d\")(formattedDateParser(precip24date)) + \" 07:00:00\" && \n d.count >= minHours &&\n d.lon >= 4.5 && d.lon <= 12.5 &&\n d.lat >= 57.5 && d.lat <= 65.5\n ).map(d => ({...d, colour: colorScale(d.AccPcp24h, maxPrecip)}))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"## 1-hour precip data and functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":512,"value":"precip1deckgl = {\n const props = {\n container: precip1container,\n map: mapboxgl,\n mapStyle: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n layers: [],\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n pitch: 90\n },\n controller: true,\n getTooltip: getTooltipHex\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n return new deck.DeckGL(props);\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"{\n let layer = new deck.HexagonLayer({\n id: \"hex-layer\",\n data: plotData1h,\n pickable: true,\n extruded: true,\n radius: hex1radius * 1000,\n getColorWeight: (d) => d.z,\n getElevationWeight: (d) => d.z,\n elevationAggregation: \"MAX\",\n elevationScale: 200,\n elevationDomain: [0, 40],\n colorRange: d3.ticks(0, 40, 1024).map((d) => colorScale(d, 40)),\n colorDomain: [0, 40],\n colorAggregation: \"MAX\",\n getPosition: (d) => [d.x, d.y]\n });\n\n precip1deckgl.setProps({\n layers: [layer]\n });\n\n return \"onchange - precip1\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"precip1 = d3.group(precip1h, d => d.t)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"plotData1h = precip1.get(precip1date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":628,"value":"## Total precip data and functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":632,"value":"precipTotalDeckgl = {\n const props = {\n container: precipTotalContainer,\n map: mapboxgl,\n mapStyle:\n \"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json\",\n layers: [],\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n pitch: 90\n },\n controller: true,\n getTooltip: getTooltipHex\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n return new deck.DeckGL(props);\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"{\n let layer = new deck.HexagonLayer({\n id: \"hex-layer\",\n data: plotDataTotal.get(precipTotalDate),\n pickable: true,\n extruded: true,\n radius: hexTotalRadius * 1000,\n getColorWeight: (d) => d.total,\n getElevationWeight: (d) => d.total,\n elevationAggregation: 'MAX',\n elevationScale: 200,\n elevationDomain: [0, 212],\n colorRange: d3.ticks(0, 212, 1024).map((d) => colorScale(d, 212)),\n colorDomain: [0, 212],\n colorAggregation: 'MAX',\n getPosition: (d) => [d.x, d.y]\n });\n\n precipTotalDeckgl.setProps({\n layers: [layer]\n });\n\n return \"onchange - precipTotal\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"precipTotal = d3.groups(precip1h, d => d.x.toString() + \"-\" + d.y.toString()).map(d => [d[0], d3.sort(combineStations(d[1]), d => d.t)]).map(d => ({id: d[0], count: d[1].length, data: objArrCumsum(d[1], \"z\")})).filter(d => d.count >= minHoursTotal).map(d => d.data).flat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"plotDataTotal = d3.group(precipTotal, d => d.t)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"## Helper functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"(function toRgb(str) {\n const c = d3.color(str)\n return [c.r, c.g, c.b, 150]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"seq = (begin, end, step = 1) => Array(Math.floor((end - begin) / step) + 1).fill().map((_, idx) => begin + idx * step)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"unique = arr => [...new Set(arr)];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"timeParser = d => d3.utcParse(\"%Y-%m-%d %H:%M:%S\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"timeFormatter = d => d3.utcFormat(\"%H:%M %a %d %b %Y\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"formatedTimeParser = d => d3.utcParse(\"%H:%M %a %d %b %Y\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"dateFormatter = d => d3.utcFormat(\"%a %d %b %Y\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"formattedDateParser = d => d3.utcParse(\"%a %d %b %Y\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"dataTimeFormatter = d => d3.utcFormat(\"%Y-%m-%d %H:%M:%S\")(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"getDeckGLMap = (layers, pitch) => {\n if (pitch === undefined) {\n pitch = 0;\n }\n\n let container = html`

`;\n\n const props = {\n container,\n map: mapboxgl,\n mapStyle: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n layers: layers,\n initialViewState: {\n longitude: 10.03,\n latitude: 60.5,\n zoom: 5,\n pitch: pitch\n },\n controller: true\n };\n\n // Avoid creating multiple instances\n const prevDeckInstance = this;\n if (prevDeckInstance) {\n prevDeckInstance.setProps(props);\n return prevDeckInstance;\n }\n\n let deckgl = new deck.DeckGL(props);\n\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":855,"value":"combineStations = arr => d3.flatRollup(arr, v => ({x: unique(v.map(d => d.x))[0], y: unique(v.map(d => d.y))[0], z: d3.mean(v, d => d.z), count: v.length}), d => d.t).map(d => ({t: d[0], ...d[1]}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"cumsum = (x) =>\n x.reduce(function (r, a) {\n if (r.length > 0) a += r[r.length - 1];\n r.push(a);\n return r;\n }, [])\n// from Pointy @ https://stackoverflow.com/questions/20477177/creating-an-array-of-cumulative-sum-in-javascript","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"objArrCumsum = (arr, name) => {\n const cumsumData = cumsum(arr.map(d => d[[name]]))\n return arr.map((d, i) => ({...d, total: cumsumData[i]}))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":787,"value":"getTooltipHex = function ({ object }) {\n if (!object) {\n return null;\n }\n const lat = object.position[1];\n const lng = object.position[0];\n const rain = object.colorValue;\n const count = object.points.length;\n console.log(object.points)\n\n return `\\\n Lat: ${Number.isFinite(lat) ? lat.toFixed(2) : \"\"}, Lon: ${Number.isFinite(lng) ? lng.toFixed(2) : \"\"}\n Max rain: ${rain.toFixed(1)} mm\n from ${count} station${count > 1 ? \"s\" : ''}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":807,"value":"getTooltipScatter = function ({ object }) {\n if (!object) {\n return null;\n }\n const lat = object.lat.toFixed(2);\n const lng = object.lon.toFixed(2);\n const rain = object.AccPcp24h.toFixed(1);\n\n return `\\\n Lat: ${lat}, Lon: ${lng}\n 24h rain: ${rain} mm`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"## Dependencies\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"deck = require.alias({\n // optional dependencies\n h3: {}\n})('deck.gl@latest/dist/dist.dev.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"mapboxgl = require('mapbox-gl@1.13.1/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"