2b:null 2c:["$","title",null,{"children":"EU-Trees4F Components | Erik Escoffier | Observable"}] 31:Te75,BeeSwarm = component(({ region, timestep }) => { const data = getAllSpeciesStatsForRegion({ GID_0: region }, STATS); const { extent, scaleLinear, scaleSqrt, scaleSequential, scaleOrdinal, forceSimulation, forceCollide, forceY, forceX } = d3; const year = useMemo(() => TIME_STEPS[timestep], [timestep]); const filteredData = useMemo(() => { const sum = (acc, current) => (current ? acc + current : acc); const speciesEntries = Object.entries(data).filter(([, value]) => value); const speciesWithValues = speciesEntries.map(([key, spec]) => { const values = Object.fromEntries( TIME_STEPS.slice(1).map((t) => { const maxCat = spec[t].indexOf(Math.max(...spec[t])); const tSum = spec[t].reduce(sum, 0); const tAvg = (-spec[t][0] + spec[t][2]) / tSum; return [t, [tSum, tAvg, maxCat]]; }) ); return { species: key, ...spec, ...values }; }); const speciesSorted = TIME_STEPS.slice(1).map((t) => { return [...speciesWithValues] .sort((a, b) => a[t][1] - b[t][1]) .map((d) => d.species); }); const speciesWithValuesWithIndices = speciesWithValues.map((d) => { const withIndices = { ...d }; TIME_STEPS.slice(1).map((t, ti) => { withIndices[t] = [ ...withIndices[t], speciesSorted[ti].indexOf(d.species) ]; }); return withIndices; }); return speciesWithValuesWithIndices; }); const MAX_RADIUS = 50; const HEIGHT = 1500; const { scaleY, scaleR, scaleColor } = useMemo(() => { const scaleY = scaleLinear() .domain([0, 67]) .range([MAX_RADIUS, HEIGHT - MAX_RADIUS]); const extentR = extent(filteredData, (d) => d[year][0]); const scaleR = scaleSqrt().domain(extentR).range([1, MAX_RADIUS]); const scaleColor = scaleOrdinal(COLORS); return { scaleY, scaleR, scaleColor }; }, [filteredData, year]); const sim = useMemo(() => { const simulation = forceSimulation(filteredData) .force( "y", forceY((d) => scaleY(d[year][3])) ) .force( "x", forceX((d) => 0) ) .force( "collide", forceCollide((d) => scaleR(d[year][0]) + 1).strength(0.1) ); simulation.stop(); return simulation.tick(1000).nodes(); }, [filteredData, year, scaleY, scaleR]); const [highlightedSpecies, setHighlightedSpecies] = useState(null); const onBubbleOver = useCallback((species) => { setHighlightedSpecies(species); }); const [tooltipCoords, setTooltipCoords] = useState(null); return jsx`

${filteredData.length} species

${ tooltipCoords && jsx`

${highlightedSpecies}

` }

`; })32:Td71,async function getStyle(species, rcp, fut) { /* const topoKey = `${species}_10_extents_rcp${rcp}`; const topoUrl = `https://raw.githubusercontent.com/developmentseed/eu-trees4f-vector/main/data/extents/topojson/${topoKey}.json`; const topoRaw = await fetch(topoUrl); const topo = await topoRaw.json(); const topoObjs = topo.objects[topoKey].geometries; const features = topoObjs.map((topoObj) => { return topojson.feature(topo, topoObj); }); const featureCol = turf.featureCollection(features); const simp = turf.simplify(featureCol, { tolerance: 0.05 }); const stable = fut === 0 ? "nat" : "stable"; const treesArea = features.find( (f) => f.properties.fut === fut && f.properties.clss === stable ); const trees = randomPointsOnPolygon(2000, treesArea); */ const stable = [ "all", ["==", ["get", "nat_1"], 1], [">", ["get", `sdms_rcp${rcp}_fut${fut}_1`], 500] ]; const decolonized = [ "all", ["==", ["get", "nat_1"], 1], ["<", ["get", `sdms_rcp${rcp}_fut${fut}_1`], 500] ]; const suitable = [ "all", ["==", ["get", "nat_1"], 0], [">", ["get", `sdms_rcp${rcp}_fut${fut}_1`], 500] ]; const filter = fut === 0 ? ["==", ["get", "nat_1"], 1] : ["any", stable, decolonized, suitable]; const fillColor = fut === 0 ? COLORS[1] : [ "case", stable, COLORS[1], decolonized, COLORS[0], suitable, COLORS[2], "#ff0fff" ]; const icon = fut === 0 ? "deciduous_stable" : [ "case", stable, "deciduous_stable", decolonized, "deciduous_decolonized", suitable, "seedling", "seedling" ]; const style = { ...BASEMAP, sources: { ...BASEMAP.sources, hex10: { type: "vector", tiles: [ `https://storage.googleapis.com/eu-trees4f-tiles/hex/${species}/10/{z}/{x}/{y}.pbf` ] //data: featureCol }, hex20: { type: "vector", tiles: [ `https://storage.googleapis.com/eu-trees4f-tiles/hex/${species}/20/{z}/{x}/{y}.pbf` ] //data: featureCol } /*trees: { type: "geojson", data: turf.featureCollection(trees) }*/ }, layers: [ ...BASEMAP.layers, { id: "hex10", type: "fill", source: "hex10", "source-layer": `${species}_10_hex`, filter, paint: { "fill-color": fillColor }, minZoom: 5 }, { id: "hex10_trees", type: "symbol", source: "hex10", "source-layer": `${species}_10_hex`, layout: { "icon-image": icon }, filter, paint: { "icon-opacity": 0.5 }, minZoom: 5 }, { id: "hex20", type: "fill", source: "hex20", "source-layer": `${species}_20_hex`, filter, paint: { "fill-color": fillColor }, minZoom: 2, maxZoom: 5 }, { id: "hex20_trees", type: "symbol", source: "hex20", "source-layer": `${species}_20_hex`, layout: { "icon-image": icon }, filter, paint: { "icon-opacity": 0.5 }, minZoom: 2, maxZoom: 5 } ] }; return style; }33:T5c4,StackedBars = component(({ species, region }) => { const data = useMemo(() => { const rawData = STATS[species][region]; const rawDataByYear = [ { stable: rawData[2005], decolonized: 0, suitable: 0 } ].concat( TIME_STEPS.slice(1).map((year) => ({ stable: rawData[year][1], decolonized: rawData[year][0], suitable: rawData[year][2] })) ); const stack = d3.stack().keys(["decolonized", "stable", "suitable"]); const stacked = stack(rawDataByYear); const scale = d3 .scaleLinear() .domain([stacked[2][3][1], 0]) .range([0, 100]); const stackedScale = stacked.map((k) => k.map((v) => [scale(v[0]), scale(v[1])]) ); return stackedScale; }, [species, region]); return jsx` `; })34:T9dc,randomPointsOnPolygon = { var extent = turf.extent; var featurecollection = turf.featurecollection; var inside = turf.inside; var randomPoint = turf.randomPoint; /** * Takes a number and a feature and {@link Polygon} or {@link MultiPolygon} and returns {@link Points} that reside inside the polygon. The polygon can * be convex or concave. The function accounts for holes. * * * Given a {Number}, the number of points to be randomly generated. * * Given a {@link Polygon} or {@link MultiPolygon}, the boundary of the random points * * * @module turf-random-points-on-polygon * @category measurement * @param {Number} number of points to be generated * @param {Feature<(Polygon|MultiPolygon)>} polygon input polygon or multipolygon * @param {Object} [properties={}] properties to be appended to the point features * @param {Boolean} [fc=false] if true returns points as a {@link FeatureCollection} * @return {Array} || {FeatureCollection} an array or feature collection of the random points inside the polygon **/ function randomPointsOnPolygon(number, polygon, properties, fc) { if (typeof properties === "boolean") { fc = properties; properties = {}; } if (number < 1) { return new Error("Number must be >= 1"); } if (polygon.type !== "Feature") { return new Error( "Polygon parameter must be a Feature<(Polygon|MultiPolygon)>" ); if ( polygon.geomtry.type !== "Polygon" || polygon.geomtry.type !== "MutliPolygon" ) { return new Error( "Polygon parameter must be a Feature<(Polygon|MultiPolygon)>" ); } } if (this instanceof randomPointsOnPolygon) { return new randomPointsOnPolygon(number, polygon, properties); } properties = properties || {}; fc = fc || false; var points = []; //var bbox = extent(polygon); var bbox = turf.bbox(polygon); var count = Math.round(parseFloat(number)); for (var i = 0; i <= count; i++) { if (i === count) { if (fc) { return featurecollection(points); } return points; } var point = randomPoint(1, { bbox: bbox }); if (inside(point.features[0], polygon) === false) { i = --i; } if (inside(point.features[0], polygon) === true) { point.features[0].properties = properties; points.push(point.features[0]); } } } return randomPointsOnPolygon; }35:[{"id":"f802f5e5e605592028f8e800970bcdaefe9957a59cbee85573d209e68e30f00fa000750dd24c4c47827f92e55b72409c6b07bf090dd858d101e45ed5e7652b58","href":"https://static.observableusercontent.com/files/f802f5e5e605592028f8e800970bcdaefe9957a59cbee85573d209e68e30f00fa000750dd24c4c47827f92e55b72409c6b07bf090dd858d101e45ed5e7652b58","name":"stats.json","type":"application/json","lastModified":1678182510163.498,"size":760496},{"id":"0c667f19895d501f3715050980418f7b9238a1ead8dddecba4e41e18adf8058a6156f09d8b890e20025ee829fe43b0b59a1d5fb9c6460f2fd111674e9d26225a","href":"https://static.observableusercontent.com/files/0c667f19895d501f3715050980418f7b9238a1ead8dddecba4e41e18adf8058a6156f09d8b890e20025ee829fe43b0b59a1d5fb9c6460f2fd111674e9d26225a","name":"style.json","type":"application/json","lastModified":1679495584059.699,"size":27117},{"id":"b5a750be9d85ce1cbe75ee303e3b598fb8269c84c67ea6459acc762bc697b8af05ee6d54922257fe8ae99c29e4e8e289a504a0db7a99c5c0607c51ecb508de24","href":"https://static.observableusercontent.com/files/b5a750be9d85ce1cbe75ee303e3b598fb8269c84c67ea6459acc762bc697b8af05ee6d54922257fe8ae99c29e4e8e289a504a0db7a99c5c0607c51ecb508de24","name":"Juglans_regia_10_extents_rcp85.json","type":"application/json","lastModified":1679495932943.165,"size":813278}] 2f:{"id":"773e9106f1f1cbaa","slug":"eu-trees4f-components","title":"EU-Trees4F Components","thumbnail":"91075dfce429bc07e7f283023c1876940b34bd121b4aedc7da09a02d9c039049","access_level":"public","create_time":"$D2023-01-06T14:10:54.712Z","update_time":"$D2023-04-05T13:54:09.231Z","view_time":null,"first_public_time":"$D2023-01-06T14:10:54.712Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"d78ef734124b1c67","login":"nerik","name":"Erik Escoffier","avatar_url":"https://avatars-next.observableusercontent.com/1b2d55c7609f4dec14a81aa7b0945626b05c3c89c6fbc32317adb11a8f1ff4ca","tier":"starter_2024"},"version":969,"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":[],"custom_thumbnail":false,"trashed":false,"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 Components","cells":[{"id":0,"value":"# EU-Trees4F Components","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":110,"value":"## An example: the beech tree (Fagus Sylvatica)\n\nFagus sylvatica, the European beech or common beech is a deciduous tree belonging to the beech family Fagaceae.\n\n![](https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Brussels_Zonienwoud.jpg/1280px-Brussels_Zonienwoud.jpg)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":118,"value":"### Current extent","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":167,"value":"viewof map1 = {\n let container = html`

`\n yield container\n let map = await getMap(container, [10, 47], 4, 50, 'clbb2eulp000u14phb02xh6tk')\n setVisibility(map, 'fagus', 'rcp45', true);\n setTimestep(map, 'fagus', 'rcp45', 2005);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":122,"value":"### Future extent\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":20,"value":"\nhtml`Current time step is ${timestep}`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":234,"value":"viewof timestep = Inputs.range([2005, 2095], {step: 30, value: 2095})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"viewof map2 = {\n let container = html`

`;\n yield container;\n let map = await getMap(container, [3, 48], 5, 0, 'clbb2eulp000u14phb02xh6tk')\n setVisibility(map, 'fagus', 'rcp45', false);\n setVisibility(map, 'fagus', 'rcp85', true);\n //setTimestep(map, 'fagus', 'rcp85', 2035);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":54,"value":"setTimestep(map2, 'fagus', 'rcp85', timestep);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":210,"value":"## What about conifers: looking at Abies Alba\n\nCould drastically expand in Scandinavia.\n![](https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Abies_alba%2C_Wei%C3%9F_Tanne_1.JPG/800px-Abies_alba%2C_Wei%C3%9F_Tanne_1.JPG)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":218,"value":"viewof map3 = {\n let container = html`

`;\n yield container;\n let map = await getMap(container, [12, 52], 5, 0, 'clbb2eulp000u14phb02xh6tk');\n setVisibility(map, 'fagus', 'rcp45', false);\n setVisibility(map, 'abies', 'rcp45', true);\n setTimestep(map, 'abies', 'rcp45', 2035);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":241,"value":"setTimestep(map3, 'abies', 'rcp45', timestep);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":224,"value":"## Comparing RCPs for _Fagus Sylvatica_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":229,"value":"viewof rcp = Inputs.radio([\"rcp45\", \"rcp85\"], {label: \"RCP (emissions scenario)\", value: \"rcp45\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":226,"value":"viewof map4 = {\n let container = html`

`;\n yield container;\n let map = await getMap(container, [1, 48], 6, 0, 'clbb2eulp000u14phb02xh6tk');\n setVisibility(map, 'fagus', 'rcp45', true);\n setVisibility(map, 'fagus', 'rcp85', false);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":254,"value":"{\n setVisibility(map4, 'fagus', 'rcp45', rcp === 'rcp45');\n setVisibility(map4, 'fagus', 'rcp85', rcp === 'rcp85');\n setTimestep(map4, 'fagus', rcp, 2095);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":331,"value":"viewof map5 = {\n let leftContainer = html`

`;\n let rightContainer = html`

`;\n let container = html`

${leftContainer}${rightContainer}

`;\n yield container;\n\n let left = await getMap(\n leftContainer,\n [1, 48],\n 6,\n 0,\n \"clbb2eulp000u14phb02xh6tk\"\n );\n let right = await getMap(\n rightContainer,\n [1, 48],\n 6,\n 0,\n \"clbb2eulp000u14phb02xh6tk\"\n );\n\n setVisibility(left, \"fagus\", \"rcp45\", true);\n setVisibility(left, \"fagus\", \"rcp85\", false);\n setVisibility(right, \"fagus\", \"rcp45\", false);\n setVisibility(right, \"fagus\", \"rcp85\", true);\n\n const compare = new mbglCompare(left, right, container, {\n mousemove: false,\n orientation: \"vertical\"\n });\n\n invalidation.then(() => {\n compare.remove();\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":572,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":773,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":840,"value":"html`

${render(() => {\n return jsx`<${BeeSwarm} region=\"FRA\" timestep=${timestep_} />`;\n})}

Hello, bubbles

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":676,"value":"viewof timestep_ = Inputs.range([0, 3], {\n format: (x) => TIME_STEPS[x],\n step: 1,\n label: \"Time step:\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":576,"value":"viewof map6 = {\n let container = html`

`;\n yield container;\n let map = await getMap2(container, [1, 48], 5, 0);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":668,"value":"{\n const style = await getStyle(\"Juglans_regia\", \"45\", timestep_);\n map6.setStyle(style);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":574,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":517,"value":"render(() => {\n return jsx`<${StackedBars} species=\"Quercus_ilex\" region=\"ITA\" />`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":521,"value":"render(() => {\n return jsx`<${StackedBars} species=\"Quercus_ilex\" region=\"FRA\" />`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":766,"value":"getAllSpeciesStatsForRegion({ GID_1: \"BEL.1_1\" }, STATS)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":512,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":514,"value":"# Exports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":163,"value":"setVisibility = (map, species, rcp, visible = false) => {\n map.setLayoutProperty(getLayerId(species, rcp, '10'), \"visibility\", visible ? \"visible\" : \"none\");\n map.setLayoutProperty(getLayerId(species, rcp, '10', true), \"visibility\", visible ? \"visible\" : \"none\");\n map.setLayoutProperty(getLayerId(species, rcp, '20'), \"visibility\", visible ? \"visible\" : \"none\");\n map.setLayoutProperty(getLayerId(species, rcp, '20', true), \"visibility\", visible ? \"visible\" : \"none\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":188,"value":"setTimestep = (map, species, rcp, timestep) => {\n console.log(species, rcp, timestep)\n map.setPaintProperty(getLayerId(species, rcp, '10'), \"fill-color\", getFillColorForTimestep(timestep));\n map.setLayoutProperty(getLayerId(species, rcp, '10', true), \"icon-image\", getIconForTimestep(timestep, species));\n map.setPaintProperty(getLayerId(species, rcp, '20'), \"fill-color\", getFillColorForTimestep(timestep));\n map.setLayoutProperty(getLayerId(species, rcp, '20', true), \"icon-image\", getIconForTimestep(timestep, species));\n return timestep;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":100,"value":"getFillColorForTimestep = (timestep) => {\n if (timestep === 2005) {\n return [\n \"match\",\n [\n \"get\",\n \"nat_2005\"\n ],\n [1],\n \"hsl(104, 62%, 64%)\",\n \"hsla(255, 62%, 64%, 0)\"\n ]\n }\n return [\n \"match\",\n [\n \"get\",\n \"status_\"+timestep.toString()\n ],\n 0,\n \"hsl(0, 48%, 65%)\",\n [\n 1\n ],\n \"hsl(104, 62%, 64%)\",\n [\n 2\n ],\n \"hsl(79, 90%, 71%)\",\n \"hsla(255, 62%, 64%, 0)\"\n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":135,"value":"getIconForTimestep = (timestep, species = 'fagus') => {\n const icon = species === 'abies' ? 'conifer' : 'deciduous'\n if (timestep === 2005) {\n return [\n \"match\",\n [\n \"get\",\n \"nat_2005\"\n ],\n [1],\n icon+\"_stable\",\n \"\",\n ]\n }\n return [\n \"match\",\n [\n \"get\",\n \"status_\"+timestep.toString()\n ],\n 0,\n icon+\"_decolonized\",\n [\n 1\n ],\n icon+\"_stable\",\n \"seedling\"\n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":171,"value":"getLayerId = (species, rcp, res, isIcon = false) => {\n const components = [species, \"hex\", rcp, res];\n if (isIcon) {\n components.push('icons');\n }\n return components.join('_');\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":404,"value":"getMap = (\n container,\n center = [10, 50],\n zoom = 3,\n pitch = 0,\n style = \"cley6ovpf005801nph7nmbek0\"\n) => {\n let map = new mapboxgl.Map({\n container,\n center,\n zoom,\n pitch,\n // clbb2eulp000u14phb02xh6tk\n style: `mapbox://styles/fausto-perez/${style}`\n });\n\n return new Promise((resolve) => {\n map.on(\"load\", () => {\n container.value = map;\n container.dispatchEvent(new CustomEvent(\"input\"));\n resolve(map);\n });\n });\n\n invalidation.then(() => {\n map.remove();\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":717,"value":"getMap2 = (container, center = [10, 50], zoom = 3, pitch = 0) => {\n let map = new mapboxgl.Map({\n container,\n center,\n zoom,\n pitch,\n style: BASEMAP\n });\n\n return new Promise((resolve) => {\n map.on(\"load\", () => {\n container.value = map;\n container.dispatchEvent(new CustomEvent(\"input\"));\n resolve(map);\n });\n });\n\n invalidation.then(() => {\n map.remove();\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":637,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":567,"value":"compareMaps = (left, right, container) => {\n const compare = new mbglCompare(left, right, container, {\n mousemove: false,\n orientation: 'vertical'\n });\n return compare\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":474,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":499,"value":"getStackedBars = (elem, species, region) => {\n return render(() => {\n return jsx`<${StackedBars} species=${species} region=${region} />`\n }, elem)\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":764,"value":"getAllSpeciesStatsForRegion = (region, stats) => {\n return Object.fromEntries(\n Object.entries(STATS).map(([spc, spcStats]) => {\n const id = region.GID_1 || region.GID_0;\n const spcStatsForRegion = spcStats[id];\n return [spc, spcStatsForRegion];\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":762,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":7,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@2.12.0\");\n if (!gl.accessToken) {\n gl.accessToken = 'pk.eyJ1IjoiZmF1c3RvLXBlcmV6IiwiYSI6ImNsY2ttZTI0MDBndjQzdnA4NWR2enJ1dm4ifQ.mHAnqUOu7xUQKTtjkSrfVg'\n /*Secret(\"Mapbox EU-Trees4F\")*/\n const href = await require.resolve(\"mapbox-gl@0.49/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":340,"value":"import { mbglCompare, mbglCompareCSS } from '@rreusser/mapbox-gl-compare'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":485,"value":"import { render, jsx, component, useState, useCallback, useMemo } from \"@j-f1/react\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":382,"value":"mbglCompareCSS","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":387,"value":"compareCSS = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":760,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":476,"value":"TIME_STEPS = [2005, 2035, 2065, 2095]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":739,"value":"RCP_LABELS = {\n return {\n \"45\": \"RCP 4.5 - Emissions peak mid-century\",\n \"85\": \"RCP 8.5 - Business as usual\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":478,"value":"CATEGORIES = ['decolonized', 'stable', 'suitable']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":480,"value":"COLORS = ['#c87474', '#89dc6a', '#cdf872']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":482,"value":"STATS = FileAttachment(\"stats.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":583,"value":"BASEMAP = FileAttachment(\"style.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":698,"value":"SPECIES = fetch(\n \"https://raw.githubusercontent.com/developmentseed/eu-trees4f-vector/main/data/species.json\"\n).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":702,"value":"SPECIES_DATA = fetch(\n \"https://raw.githubusercontent.com/developmentseed/eu-trees4f-vector/main/data/species_data.json\"\n).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":595,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":604,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":619,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"