2c:null 2d:["$","title",null,{"children":"EU-Trees4F: Future Forest landscapes in European regions | Erik Escoffier | Observable"}] 32:T411,interpolateGDTemplate = (gdData) => { if (!gdData || !gdData.description) return null _.templateSettings.interpolate = /{([\s\S]+?)}/g; let description = gdData.description let params = {...gdData.description_params} const areaMatch = description.match('Area of {area_0} located in {area_1}.') if (areaMatch) { // Put first segement about area first description = [description.slice(areaMatch.index), description.slice(0, areaMatch.index)].join('') const areaFormatted = params.area_0 const areaValue = areaFormatted.replace(/[^\d.]/gi, '').slice(0, -3) params.area_0 = ['approx. ', areaFormatted.replace(/([\d\.]+)/, areaValue)].join('') } // insert emphasis params = Object.fromEntries(Object.entries(params).map(([key, value]) => [key, `${value}`])) console.log(params, gdData.description_params) const tpl = _.template(description) return tpl(params) .replace('This region has no Intact Forest. ', '') .replace('The location is predominantly land area. ', ''); }33:[{"id":"660f8b6f135c82ee779cb0086f3cc861a9fd0799878fb2b0b797fd342c81f21f44e4f538d87c63aadb7d0e1ce6bb205cb1e235fbe28c374381122c8fd1081197","href":"https://static.observableusercontent.com/files/660f8b6f135c82ee779cb0086f3cc861a9fd0799878fb2b0b797fd342c81f21f44e4f538d87c63aadb7d0e1ce6bb205cb1e235fbe28c374381122c8fd1081197","name":"gd.json","type":"application/json","lastModified":1678440171798.752,"size":458162},{"id":"aeb9cc755f745eeccf2dc0f0910c343f4f0475dc100793fc74a6d7b2a1df8c4094efd4743fc0781148a135b2c1dc0e3640af3b2bae2aa51ef38e6f48ed680841","href":"https://static.observableusercontent.com/files/aeb9cc755f745eeccf2dc0f0910c343f4f0475dc100793fc74a6d7b2a1df8c4094efd4743fc0781148a135b2c1dc0e3640af3b2bae2aa51ef38e6f48ed680841","name":"Screenshot 2023-03-29 at 14.26.26.png","type":"image/png","lastModified":1680092941150.842,"size":166571},{"id":"1c8c21c6d46fea722d839c80e53b563a663e0a5b078df7b7974dddc29c45ee20273328fc16a43971c67d6741d9b78c66e9bedbd3853170649c31950fb096e7d4","href":"https://static.observableusercontent.com/files/1c8c21c6d46fea722d839c80e53b563a663e0a5b078df7b7974dddc29c45ee20273328fc16a43971c67d6741d9b78c66e9bedbd3853170649c31950fb096e7d4","name":"Screenshot 2023-03-29 at 14.24.01.png","type":"image/png","lastModified":1680093099989.821,"size":13397}] 30:{"id":"364be2ee8c01a0cd","slug":"eu-trees4f-future-forest-landscapes-in-european-regions","title":"EU-Trees4F: Future Forest landscapes in European regions","thumbnail":"98c88057c51d2f26a9d220397fe61f74405d8274a62b47f288e279461c419df6","access_level":"public","create_time":"$D2023-03-10T09:21:34.826Z","update_time":"$D2023-04-03T05:28:52.118Z","view_time":null,"first_public_time":"$D2023-03-10T09:21:34.826Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d78ef734124b1c67","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":"starter_2024"},"version":183,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b383700baf15626b","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":null}],"members":[{"type":"individual","id":"b383700baf15626b","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":null,"role":"editor"}],"comments":[{"id":"3a6a7f60d9270cd4","reply_to_id":null,"content":"TODO: Locator minimap","create_time":"$D2023-03-29T12:32:20.246Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"b383700baf15626b","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":null}},{"id":"f6ec4b62a59d8909","reply_to_id":null,"content":"TODO: Bubble chart (implemented as a PoC in the prototype)","create_time":"$D2023-03-29T12:32:51.230Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"b383700baf15626b","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"ba7e21575f994d70","slug":"eu-trees4f","title":"EU-Trees4F","owner":{"id":"d78ef734124b1c67","login":"nerik","name":"Erik Escoffier"}},"type":"notebook","body":{"title":"EU-Trees4F: Future Forest landscapes in European regions","cells":[{"id":0,"value":"# EU-Trees4F: Future Forest landscapes in European regions ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof selectedCountry = Inputs.select(countries, {label: \"Select country\", format: x => x.name, value: countries.find(t => t.id === \"ESP\")})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"html`${countries.find((c) => c.id === selectedCountry.id).gd}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"viewof selectedRegion = Inputs.select(\n [{ name: \"(entire country)\" }, ...selectedRegions],\n { label: \"Select region\", format: (x) => x.name }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"html`${\n selectedRegion && selectedRegion.id\n ? regions.find((c) => c.id === selectedRegion.id).gd\n : \"no region\"\n}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"screenshot20230329At142401 = FileAttachment(\"Screenshot 2023-03-29 at 14.24.01.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"screenshot20230329At142626 = FileAttachment(\"Screenshot 2023-03-29 at 14.26.26.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"viewof timestep = Inputs.range([1, 3], {\n format: (x) => TIME_STEPS[x],\n step: 1,\n label: \"Time step:\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"html`

${render(() => {\n console.log(selectedRegion.id);\n return jsx`<${BeeSwarm} region=\"${\n selectedRegion && selectedRegion.id ? selectedRegion.id : selectedCountry.id\n }\" timestep=${timestep} />`;\n})}

Hello, bubbles

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"countries = {\n const countries = Object.entries(data)\n .filter(([, datum]) => !datum.properties.GID_1)\n .map(([id, datum]) => ({\n id: datum.properties.GID_0,\n name: datum.properties.COUNTRY,\n gd: interpolateGDTemplate(datum.gd.data),\n datum\n }));\n return countries;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"regions = {\n const regions = Object.entries(data)\n .filter(([, datum]) => datum.properties.GID_1)\n .map(([id, datum]) => ({\n id: datum.properties.GID_1,\n name: datum.properties.NAME_1,\n gd: interpolateGDTemplate(datum.gd.data),\n datum\n }));\n return regions;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"selectedRegions = regions.filter(\n (r) => r.datum.properties.GID_0 === selectedCountry.id\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"data = FileAttachment(\"gd.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"_ = require(\"lodash\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"import { render, jsx, BeeSwarm, TIME_STEPS } from \"@nerik/eu-trees4f-components\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"