2f:T70aa,mapHeatmap = { let map = new mapboxgl.Map({ container: "map-heatmap", projection: "equalEarth", accessToken: "pk.eyJ1IjoiZm5kdml0LWltZW8iLCJhIjoiY21mNTF4Z3c2MDB2cjJ2cXkxb2plc29xZSJ9.bRxJ4bmR-OxicA1FRuC_ng", style: "mapbox://styles/fndvit-imeo/cmf52wx76000a01s7gye9856u", //style: "mapbox://styles/xocasgv/cm7w7a8iq00mo01s55kx9efiw", mapbox://styles/fndvit-imeo/cmf52wx76000a01s7gye9856u center: [33, 40], zoom: 3, minZoom: 1.25, preserveDrawingBuffer: true }); const sourceLayer = { MEI: ["Oil and Gas", "Waste", "Coal"], OGMP: ["Oil and Gas"], Metcoal: ["Coal"], "Waste & others": ["Waste"], "Only sources": ["Oil and Gas", "Waste", "Coal"], Global: ["Oil and Gas", "Waste", "Coal"] }; const hotspotLayer = { MEI: [ "Oil/Gas", "Landfill", "Coal", "Coal Mine", "Landfill/ Oil/Gas", "Unknown" ], OGMP: ["Oil/Gas", "Landfill/ Oil/Gas"], Metcoal: ["Coal", "Coal Mine"], "Waste & others": ["Landfill", "Landfill/ Oil/Gas", "Unknown"], "Only sources": [ "Oil/Gas", "Landfill", "Coal", "Coal Mine", "Landfill/ Oil/Gas", "Unknown" ], Global: [ "Oil/Gas", "Landfill", "Coal", "Coal Mine", "Landfill/ Oil/Gas", "Unknown" ] }; let activePort = ""; let activeMine = ""; let activePlant = ""; let activeMines = []; let activePlants = []; let hoveredMines = []; let hoveredPlants = []; map.on("load", () => { // //Terrain // map.setPaintProperty("background", "background-color", "#F9F5ED"); // //Borders // map.setPaintProperty("international-borders", "line-color", "#373743"); // //Water // map.setPaintProperty("water", "fill-color", "#FFFFFF"); // map.setPaintProperty( // "terrain", // "hillshade-highlight-color", // "rgba(255, 255, 255, 0.3)" // ); // map.setPaintProperty( // "terrain", // "hillshade-accent-color", // "rgba(255, 255, 255, 0.07)" // ); // map.setPaintProperty( // "terrain", // "hillshade-shadow-color", // "rgba(0, 0, 0, 0.25)" // ); // //console.log(map.getStyle().layers); // map.setLayoutProperty("country-label", "text-font", ["Inter Medium"]); // map.setLayoutProperty("natural-label", "text-font", ["Inter Regular"]); // map.setLayoutProperty("state-label", "text-font", ["Inter Regular"]); // map.setLayoutProperty("settlement-major-label", "text-font", [ // "Inter Regular" // ]); // map.setLayoutProperty("settlement-minor-label", "text-font", [ // "Inter Regular" // ]); // map.setLayoutProperty("road-label-simple", "visibility", "none"); //LABELS /* map.setLayoutProperty("country-label", "visibility", "none"); map.setLayoutProperty("natural-label", "visibility", "none"); map.setLayoutProperty("state-label", "visibility", "none"); map.setLayoutProperty("settlement-major-label", "visibility", "none"); map.setLayoutProperty("settlement-minor-label", "visibility", "none"); */ // Icon image loading //------------------------------------------------------------------- map.loadImage(icons.minimalGS, (error, image) => { if (error) throw error; map.addImage("icon-min-gs", image); }); map.loadImage(icons.minimalGSP, (error, image) => { if (error) throw error; map.addImage("icon-min-gsp", image); }); map.loadImage(icons.minimalNGS, (error, image) => { if (error) throw error; map.addImage("icon-min-ngs", image); }); map.loadImage(icons.minimalPlant, (error, image) => { if (error) throw error; map.addImage("icon-min-plant", image); }); map.loadImage(icons.minimalMine, (error, image) => { if (error) throw error; map.addImage("icon-min-mine", image); }); //------------------------------------------------------------------- map.loadImage(icons.assetNonOperatedNonDisclosed, (error, image) => { if (error) throw error; map.addImage("icon-no-nd-gs", image); }); map.loadImage(icons.assetOperatedNonDisclosed, (error, image) => { if (error) throw error; map.addImage("icon-o-nd-gs", image); }); map.loadImage(icons.assetOperatedDisclosed, (error, image) => { if (error) throw error; map.addImage("icon-o-d-gs", image); }); map.loadImage(icons.assetNonOperatedDisclosed, (error, image) => { if (error) throw error; map.addImage("icon-no-d-gs", image); }); //------------------------------------------------------------------- map.loadImage(icons.assetNonOperatedNonDisclosedGSP, (error, image) => { if (error) throw error; map.addImage("icon-no-nd-gsp", image); }); map.loadImage(icons.assetOperatedNonDisclosedGSP, (error, image) => { if (error) throw error; map.addImage("icon-o-nd-gsp", image); }); map.loadImage(icons.assetOperatedDisclosedGSP, (error, image) => { if (error) throw error; map.addImage("icon-o-d-gsp", image); }); map.loadImage(icons.assetNonOperatedDisclosedGSP, (error, image) => { if (error) throw error; map.addImage("icon-no-d-gsp", image); }); //------------------------------------------------------------------- map.loadImage(icons.assetNonOperatedNonDisclosedNGS, (error, image) => { if (error) throw error; map.addImage("icon-no-nd-ngs", image); }); map.loadImage(icons.assetOperatedNonDisclosedNGS, (error, image) => { if (error) throw error; map.addImage("icon-o-nd-ngs", image); }); map.loadImage(icons.assetOperatedDisclosedNGS, (error, image) => { if (error) throw error; map.addImage("icon-o-d-ngs", image); }); map.loadImage(icons.assetNonOperatedDisclosedNGS, (error, image) => { if (error) throw error; map.addImage("icon-no-d-ngs", image); }); //------------------------------------------------------------------- map.loadImage(icons.agriculture, (error, image) => { if (error) throw error; map.addImage("icon-agriculture", image); }); map.loadImage(icons.port, (error, image) => { if (error) throw error; map.addImage("icon-port", image); }); map.loadImage(icons.study, (error, image) => { if (error) throw error; map.addImage("icon-study", image); }); map.loadImage(icons.coal, (error, image) => { if (error) throw error; map.addImage("icon-coal", image); }); map.loadImage(icons.compStation, (error, image) => { if (error) throw error; map.addImage("icon-comp-station", image); }); map.loadImage(icons.oilRig, (error, image) => { if (error) throw error; map.addImage("icon-oil-rig", image); }); map.loadImage(icons.pipeline, (error, image) => { if (error) throw error; map.addImage("icon-pipeline", image); }); map.loadImage(icons.plume, (error, image) => { if (error) throw error; map.addImage("icon-plume", image); }); map.loadImage(icons.waste, (error, image) => { if (error) throw error; map.addImage("icon-waste", image); }); map.loadImage(icons.assetCluster, (error, image) => { if (error) throw error; map.addImage("icon-asset-cluster", image); }); map.loadImage(icons.story, (error, image) => { if (error) throw error; map.addImage("icon-story", image); }); map.loadImage(icons.hotspot, (error, image) => { if (error) throw error; map.addImage("icon-hotspot", image); }); map.loadImage(icons.steelPlant, (error, image) => { if (error) throw error; map.addImage("icon-steel-plant", image); }); // Data sources map.addSource("polygons", { type: "geojson", data: { type: "FeatureCollecton", features: [] } }); map.addSource("route", { type: "geojson", lineMetrics: true, data: geojsonPortRoutesData }); map.addSource("steel-coal-route", { type: "geojson", lineMetrics: true, data: geojsonCoalSteelRoutesData }); map.addSource("areas", { type: "geojson", data: { type: "Feature", geometry: { type: "Polygon", coordinates: [] }, properties: {} } }); map.addSource("hotspots", { type: "geojson", data: geojsonHotspotsData }); map.addSource("ports", { type: "geojson", data: geojsonPortsData }); map.addSource("stories", { type: "geojson", data: geojsonStoriesData }); map.addSource("studies", { type: "geojson", data: geojsonStudiesData }); map.addSource("minimal-assets", { type: "geojson", data: geojsonAssetsData, cluster: false }); map.addSource("assets", { type: "geojson", data: geojsonAssetsData }); map.addSource("mines", { type: "geojson", data: geojsonCoalMinesData }); map.addSource("steel", { type: "geojson", data: geojsonSteelPlantsData }); map.addSource("waste", { type: "geojson", data: geojsonWasteData }); map.addSource("sources", { type: "geojson", data: geojsonPlumeSourcesData }); // PLUME SOURCES HEATMAP map.addLayer( { id: "sources-heat", type: "heatmap", source: "sources", filter: ["in", ["get", "sector"], ["literal", sourceLayer[view]]], maxzoom: 20, paint: { "heatmap-weight": [ "interpolate", ["linear"], ["get", "mag"], 0, 0, weight, 1 ], "heatmap-intensity": [ "interpolate", ["linear"], ["zoom"], 0, 1, 9, 3 ], "heatmap-color": heatmapColors[colorScaleIndex[colorScale]], "heatmap-radius": [ "interpolate", ["linear"], ["zoom"], 0, ZoomedOutPointRadius, 9, ZoomedInPointRadius ], "heatmap-opacity": ["interpolate", ["linear"], ["zoom"], 7, 1, 12, 0] } }, "road-label-simple" ); // HOTSPOTS HEATMAP map.addLayer( { id: "hotspots-heat", type: "heatmap", source: "hotspots", maxzoom: 9, filter: ["in", ["get", "sector"], ["literal", hotspotLayer[view]]], layout: { visibility: hotspotToggle ? "visible" : "none" }, paint: { "heatmap-weight": 5, "heatmap-intensity": [ "interpolate", ["linear"], ["zoom"], 0, 1, 9, 3 ], "heatmap-color": [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(0,0,0,0)", 1, "rgba(255, 255, 255, 0.7)" ], "heatmap-radius": ["interpolate", ["linear"], ["zoom"], 0, 10, 9, 30], "heatmap-opacity": ["interpolate", ["linear"], ["zoom"], 7, 1, 20, 0] } } // "road-label-simple" ); console.log("Layers 1", map.getStyle().layers); console.log("Sources 1", map.getStyle().sources); map.addLayer({ id: "import-route-layer", type: "line", source: "route", layout: { visibility: view === "Metcoal" ? "visible" : "none" }, paint: { "line-color": "#002B44", "line-opacity": 0.75, "line-width": ["get", "weight"], "line-blur": 0, "line-antialias": true }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "import_id"], activePlant] }); map.addLayer({ id: "export-route-layer", type: "line", source: "route", layout: { visibility: view === "Metcoal" ? "visible" : "none" }, paint: { "line-color": "#009DA3", "line-opacity": 0.75, "line-width": ["get", "weight"], "line-blur": 0, "line-antialias": true }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "export_id"], activePlant] }); map.addLayer({ id: "steel-coal-route-layer", type: "line", source: "steel-coal-route", layout: { visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" }, paint: { "line-color": "red", "line-opacity": 0.75, "line-width": 6, "line-blur": 0, "line-gradient": [ "interpolate", ["linear"], ["line-progress"], 0, "#000000", //Export coal mine color 1, "#DE5760" //Import steel plant color ] }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "mine_id"], activeMine] }); map.addLayer({ id: "asset-points-minimal", type: "symbol", source: "minimal-assets", minzoom: 0, maxzoom: 6, layout: { "icon-image": ["get", "minIcon"], "icon-size": ["interpolate", ["linear"], ["zoom"], 2, 0.15, 6, 0.75], "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "OGMP" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "steel-plant-points-minimal", type: "symbol", source: "steel", minzoom: 0, maxzoom: 6, layout: { "icon-image": "icon-min-plant", "icon-size": ["interpolate", ["linear"], ["zoom"], 2, 0.1, 6, 0.75], "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "mine-points-minimal", type: "symbol", source: "mines", minzoom: 0, maxzoom: 6, layout: { "icon-image": "icon-min-mine", "icon-size": ["interpolate", ["linear"], ["zoom"], 2, 0.1, 6, 0.75], "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "port-points", type: "symbol", source: "ports", minzoom: 1, layout: { "icon-image": "icon-port", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Metcoal" ? "visible" : "none" } }); map.addLayer({ id: "study-points", type: "symbol", source: "studies", minzoom: 2.5, layout: { "icon-image": "icon-study", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Only plumes" ? "none" : "visible" } }); map.addLayer({ id: "study-areas", type: "fill", source: "areas", paint: { "fill-color": "#000", "fill-opacity": 0.075, "fill-outline-color": "#000" } }); map.addLayer({ id: "plumes-polygon", type: "fill", source: "polygons", paint: { "fill-color": "#21078F", "fill-opacity": 0.45 } }); // Sources icons map.addLayer({ id: "sources-layer", type: "symbol", source: "sources", minzoom: 7, filter: ["in", ["get", "sector"], ["literal", sourceLayer[view]]], layout: { "icon-image": "icon-plume", "icon-size": plumeIconSize, "icon-allow-overlap": true, "icon-offset": [0, 0] } }); map.addLayer({ id: "asset-points", type: "symbol", source: "assets", minzoom: 6, layout: { "icon-image": ["get", "icon"], "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "OGMP" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "mine-points", type: "symbol", source: "mines", minzoom: 6, layout: { "icon-image": "icon-coal", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "steel-plant-points", type: "symbol", source: "steel", minzoom: 6, layout: { "icon-image": "icon-steel-plant", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "story-points", type: "symbol", source: "stories", minzoom: 0, layout: { "icon-image": "icon-story", "icon-size": storyIconSize, "icon-allow-overlap": true, "icon-offset": [0, -50], visibility: view === "MEI" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "active-mine-points", type: "symbol", source: "mines", minzoom: 0, filter: ["in", ["get", "id"], ""], layout: { "icon-image": "icon-coal", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: "visible" } }); map.addLayer({ id: "active-steel-plant-points", type: "symbol", source: "steel", minzoom: 0, filter: ["in", ["get", "id"], ""], layout: { "icon-image": "icon-steel-plant", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, 0], visibility: "visible" } }); map.moveLayer("study-points"); map.moveLayer("story-points"); map.moveLayer("import-route-layer"); map.moveLayer("export-route-layer"); map.moveLayer("port-points"); /* hover */ map.addLayer({ id: "hover-import-route-layer", type: "line", source: "route", layout: { visibility: view === "Metcoal" ? "visible" : "none" }, paint: { "line-color": "#002B44", "line-opacity": 0.25, "line-width": ["get", "weight"], "line-blur": 0, "line-antialias": true }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "import_id"], activePlant] }); map.addLayer({ id: "hover-export-route-layer", type: "line", source: "route", layout: { visibility: view === "Metcoal" ? "visible" : "none" }, paint: { "line-color": "#009DA3", "line-opacity": 0.25, "line-width": ["get", "weight"], "line-blur": 0, "line-antialias": true }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "export_id"], activePlant] }); map.addLayer({ id: "hover-steel-coal-route-layer", type: "line", source: "steel-coal-route", layout: { visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" }, paint: { "line-color": "red", "line-opacity": 0.25, "line-width": 6, "line-blur": 0, "line-gradient": [ "interpolate", ["linear"], ["line-progress"], 0, "#000000", //Export coal mine color 1, "#DE5760" //Import steel plant color ] }, minzoom: 0, maxzoom: 24, filter: ["==", ["get", "mine_id"], activeMine] }); //------------------------------------------------------------------------------- let hoveredId = null; const tooltip = document.createElement("div"); tooltip.style.position = "absolute"; tooltip.style.background = "white"; tooltip.style.padding = "8px 12px"; tooltip.style.borderRadius = "23px"; tooltip.style.boxShadow = "0 0px 12px rgba(0,0,0,0.25)"; tooltip.style.pointerEvents = "none"; tooltip.style.display = "none"; document.body.appendChild(tooltip); map.on( "mousemove", [ "plumes-layer", "asset-clusters", "asset-points", "study-points", "story-points", "mine-points", "waste-points", "steel-plant-points", "port-points", "export-route-layer", "import-route-layer", "sources-layer", "steel-coal-route-layer" ], (e) => { if (!e.features.length) return; const feature = e.features[0]; tooltip.style.display = "block"; tooltip.style.left = e.originalEvent.pageX + 10 + "px"; tooltip.style.top = e.originalEvent.pageY + 10 + "px"; tooltip.textContent = feature.properties.tooltip || "tooltip"; } ); map.on("click", "steel-plant-points", (e) => { if (!e.features.length) return; if (activePlant === e.features[0].properties.id) activePlant = null; else activePlant = e.features[0].properties.id; //Show line route map.setFilter("steel-coal-route-layer", [ "==", ["get", "plant_id"], activePlant ]); //Hide other previously activated routes activePort = ""; map.setFilter("import-route-layer", [ "any", ["==", ["get", "import_id"], activePort] ]); map.setFilter("export-route-layer", [ "any", ["==", ["get", "export_id"], activePort] ]); map.setLayoutProperty("port-points", "icon-size", iconSize); //Show active mines & plants activePlants = [activePlant]; activeMines = getRelatedMinesFromSteelPlant(activePlant); if (activePlants.length && activeMines.length) { map.setFilter("active-mine-points", ["in", "id", ...activeMines]); map.setFilter("active-steel-plant-points", [ "in", "id", ...activePlants ]); } }); map.on("click", "mine-points", (e) => { if (!e.features.length) return; if (activeMine === e.features[0].properties.id) activeMine = null; else activeMine = e.features[0].properties.id; //Show line route map.setFilter("steel-coal-route-layer", [ "==", ["get", "mine_id"], activeMine ]); //Hide other previously activated routes activePort = ""; map.setFilter("export-route-layer", [ "any", ["==", ["get", "export_id"], activePort] ]); map.setFilter("import-route-layer", [ "any", ["==", ["get", "import_id"], activePort] ]); map.setLayoutProperty("port-points", "icon-size", iconSize); //Show active mines & plants activeMines = [activeMine]; activePlants = getRelatedSteelPlantsFromMine(activeMine); if (activePlants.length && activeMines.length) { map.setFilter("active-mine-points", ["in", "id", ...activeMines]); map.setFilter("active-steel-plant-points", [ "in", "id", ...activePlants ]); } }); map.on("click", "port-points", (e) => { if (!e.features.length) return; if (activePort === e.features[0].properties.id) activePort = null; else activePort = e.features[0].properties.id ?? null; // Hide other routes and active points map.setFilter("active-mine-points", ["in", "id", ""]); map.setFilter("active-steel-plant-points", ["in", "id", ""]); map.setFilter("steel-coal-route-layer", ["==", ["get", "mine_id"], ""]); // Show port routes map.setFilter("import-route-layer", [ "any", ["==", ["get", "import_id"], activePort] ]); map.setFilter("export-route-layer", [ "any", ["==", ["get", "export_id"], activePort] ]); map.flyTo({ center: [20, 0], zoom: 1.25, duration: 1000, curve: 1.5, essential: true }); map.setLayoutProperty("port-points", "icon-size", [ "case", ["==", ["get", "id"], activePort], iconSize * 1.75, iconSize ]); }); map.on("click", ["plumes-layer", "sources-layer"], (e) => { if (!e.features.length) return; if (e.features[0].properties.shape) { const wktShape = e.features[0].properties.shape; const geoShape = WKTparser(wktShape); map.getSource("polygons").setData(geoShape); const coords = geoShape.coordinates[0][0]; const bounds = coords.reduce( (b, coord) => b.extend(coord), new mapboxgl.LngLatBounds(coords[0], coords[0]) ); map.fitBounds(bounds, { padding: 40, duration: 1000 }); } }); map.on("click", "study-points", (e) => { if (!e.features.length) return; if (e.features[0].properties.area) { const area = JSON.parse(e.features[0].properties.area); map.getSource("areas").setData(area); const coords = area.geometry.coordinates[0]; const bounds = coords.reduce( (b, coord) => b.extend(coord), new mapboxgl.LngLatBounds(coords[0], coords[0]) ); map.fitBounds(bounds, { padding: 100, maxZoom: 18, duration: 1000 }); } }); let hoveredMine; map.on("mouseenter", "mine-points", (e) => { if (!e.features.length) return; hoveredMine = e.features[0].properties.id; //Show line route map.setFilter("hover-steel-coal-route-layer", [ "==", ["get", "mine_id"], hoveredMine ]); //Show active mines & plants hoveredMines = [hoveredMine]; hoveredPlants = getRelatedSteelPlantsFromMine(hoveredMine); if (hoveredPlants.length && hoveredMines.length) { map.setFilter("active-mine-points", ["in", "id", ...hoveredMines]); map.setFilter("active-steel-plant-points", [ "in", "id", ...hoveredPlants ]); } }); map.on("mouseleave", "mine-points", (e) => { if (hoveredMine === e.features[0].properties.id) { hoveredMine = null; //Show line route map.setFilter("hover-steel-coal-route-layer", [ "==", ["get", "mine_id"], hoveredMine ]); //Show active mines & plants hoveredMines = [hoveredMine]; hoveredPlants = getRelatedSteelPlantsFromMine(hoveredMine); if (hoveredPlants.length && hoveredMines.length) { map.setFilter("active-mine-points", ["in", "id", ...hoveredMines]); map.setFilter("active-steel-plant-points", [ "in", "id", ...hoveredPlants ]); } } }); map.on( "mouseenter", [ "plumes-layer", "asset-clusters", "asset-points", "study-points", "story-points", "mine-points", "waste-points", "steel-plant-points", "port-points", "import-route-layer", "export-route-layer", "sources-layer", "steel-coal-route-layer" ], (e) => { map.getCanvas().style.cursor = "pointer"; hoveredId = e.features[0].id; } ); map.on( "mouseleave", [ "plumes-layer", "asset-clusters", "asset-points", "study-points", "story-points", "mine-points", "waste-points", "steel-plant-points", "port-points", "import-route-layer", "export-route-layer", "sources-layer", "steel-coal-route-layer" ], () => { if (hoveredId !== null) { hoveredId = null; } map.getCanvas().style.cursor = ""; tooltip.style.display = "none"; } ); console.log("Layers 2", map.getStyle().layers); console.log("Sources 2", map.getStyle().sources); }); invalidation.then(() => map.remove()); return map; }30:T488,geojsonAssetsData = ({ type: "FeatureCollection", features: assets.map((d) => { let disclosed = false; let operated = true; const assetData = getDataFromAsset(d.id_asset); if (assetData) { operated = assetData.is_operated; disclosed = assetData.disclose_allowed; } const seed = Math.floor(Math.random() * 3); const assetGoldStandards = ["gs", "gsp", "ngs"]; const assetGS = assetGoldStandards[seed]; const assetIcon = `icon-${operated ? "o" : "no"}-${ disclosed ? "d" : "nd" }-${assetGS}`; const assetMinIcon = `icon-min-${assetGS}`; const label = `${operated ? "Operated" : "Non-operated"} ${ disclosed ? "disclosed" : "non-disclosed" } asset ${ assetGS === "gs" ? "with gold standard" : assetGS === "gsp" ? "in the gold standard pathway" : "with no gold standard" }`; return { type: "Feature", geometry: { type: "Point", coordinates: [d.lon, d.lat] }, properties: { gs: assetGS, tooltip: label, icon: assetIcon, minIcon: assetMinIcon } }; }) })31:[{"id":"d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","href":"https://static.observableusercontent.com/files/d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","name":"StoryIcon.png","type":"image/png","lastModified":1756215639752.754,"size":22238},{"id":"80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","href":"https://static.observableusercontent.com/files/80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","name":"Port2.png","type":"image/png","lastModified":1756215639752.754,"size":9103},{"id":"44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","href":"https://static.observableusercontent.com/files/44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","name":"Study3.png","type":"image/png","lastModified":1756215639752.754,"size":4580},{"id":"395a338784df427908161ae22d2d400573f1382cd97ede4ff2d51da37a4217609b55ccc036de0f1312812fcaa70a69b082bf94f20a19052d9170123a36c0d698","href":"https://static.observableusercontent.com/files/395a338784df427908161ae22d2d400573f1382cd97ede4ff2d51da37a4217609b55ccc036de0f1312812fcaa70a69b082bf94f20a19052d9170123a36c0d698","name":"MinimalAssetNGS.png","type":"image/png","lastModified":1756365572791.022,"size":1154},{"id":"a88f896bb1180509e89be4f2a95788c1e0cb31d447cfc622560236a3bec12e1f51ddf605c718b5ed48e60053d9e0d978b56675c1bfe8457dd3271716cecd4bbe","href":"https://static.observableusercontent.com/files/a88f896bb1180509e89be4f2a95788c1e0cb31d447cfc622560236a3bec12e1f51ddf605c718b5ed48e60053d9e0d978b56675c1bfe8457dd3271716cecd4bbe","name":"MinimalAssetGSP.png","type":"image/png","lastModified":1756365572793.506,"size":1212},{"id":"48547fd2e345efac30542c3124f841852a3b02bfb701fa4c05931f44df37019e51081876e34d730de93c2f7051dd54f39fdc386c38e9406d49ef14facf17dd09","href":"https://static.observableusercontent.com/files/48547fd2e345efac30542c3124f841852a3b02bfb701fa4c05931f44df37019e51081876e34d730de93c2f7051dd54f39fdc386c38e9406d49ef14facf17dd09","name":"MinimalAssetGS.png","type":"image/png","lastModified":1756373465295.299,"size":1228},{"id":"6ceba7b9dd60d9784a20160e2e43a63926062f6f99e309b16389ae8d37c1c81f2423204b73fa4934cc30837310c8cc3ca3b99a4c5866f782d685eb39b5384ce7","href":"https://static.observableusercontent.com/files/6ceba7b9dd60d9784a20160e2e43a63926062f6f99e309b16389ae8d37c1c81f2423204b73fa4934cc30837310c8cc3ca3b99a4c5866f782d685eb39b5384ce7","name":"Asset_Operated_Disclosed_GS_5.png","type":"image/png","lastModified":1756375960451.971,"size":24848},{"id":"15bcecc19e3420dd3d0435e578f8cbaf96d54d62685491d3ee4c347e70db726f26393b5699e59556722f551b747a364c71509fc95220f43e6ae7c2ace0cc4258","href":"https://static.observableusercontent.com/files/15bcecc19e3420dd3d0435e578f8cbaf96d54d62685491d3ee4c347e70db726f26393b5699e59556722f551b747a364c71509fc95220f43e6ae7c2ace0cc4258","name":"Asset_NonOperated_NonDisclosed_GSP_5.png","type":"image/png","lastModified":1756375960460.877,"size":21097},{"id":"4fffb13df11eb5a3307ed3ccdcc5100812bb85390c140bb831b1be7e11f1dd492b3fab80d7117935e8a1385b782e915d042f79007fe9e7240e40723cb0b61fc6","href":"https://static.observableusercontent.com/files/4fffb13df11eb5a3307ed3ccdcc5100812bb85390c140bb831b1be7e11f1dd492b3fab80d7117935e8a1385b782e915d042f79007fe9e7240e40723cb0b61fc6","name":"Asset_NonOperated_Disclosed_GS_5.png","type":"image/png","lastModified":1756375960452.588,"size":23541},{"id":"99cd43e25d2b8de1bcfb601c07635d160f3d390df7718c6a064157e32028197fdef10f92711747e05a920b0df2b5f45a04b3fe2583263460fee8703d8b322373","href":"https://static.observableusercontent.com/files/99cd43e25d2b8de1bcfb601c07635d160f3d390df7718c6a064157e32028197fdef10f92711747e05a920b0df2b5f45a04b3fe2583263460fee8703d8b322373","name":"Asset_Operated_Disclosed_NGS_5.png","type":"image/png","lastModified":1756375960456.213,"size":24215},{"id":"3e48a165a0dbfb689cc4df16dc3bb792792d5fe075a4711256449d2518c5a8dce67b5f087c3ae010a687921b72243673c3c1bf4cf923eed705851cbf4085d48b","href":"https://static.observableusercontent.com/files/3e48a165a0dbfb689cc4df16dc3bb792792d5fe075a4711256449d2518c5a8dce67b5f087c3ae010a687921b72243673c3c1bf4cf923eed705851cbf4085d48b","name":"Asset_NonOperated_Disclosed_GSP_5.png","type":"image/png","lastModified":1756375960456.749,"size":23325},{"id":"647823840c703385ac17e2758aa633c8653b3caf5785681843b45c2d5b34675d0ab46784eac1067ab762ed85c9c5d41ca094b5128fb227a55580fabd3a7c7b2e","href":"https://static.observableusercontent.com/files/647823840c703385ac17e2758aa633c8653b3caf5785681843b45c2d5b34675d0ab46784eac1067ab762ed85c9c5d41ca094b5128fb227a55580fabd3a7c7b2e","name":"Asset_NonOperated_Disclosed_NGS_5.png","type":"image/png","lastModified":1756375960459.679,"size":22950},{"id":"8b7a7e8ba77d1f520f2346949bd83e783b2fd12aa9a5877cef70edec40cfeaae5154fa7e1a15212a0810f357847d2de3008ff6e020d33924518f78d803276693","href":"https://static.observableusercontent.com/files/8b7a7e8ba77d1f520f2346949bd83e783b2fd12aa9a5877cef70edec40cfeaae5154fa7e1a15212a0810f357847d2de3008ff6e020d33924518f78d803276693","name":"Asset_NonOperated_NonDisclosed_NGS_5.png","type":"image/png","lastModified":1756375960458.719,"size":20979},{"id":"929cbeada879c86187f8643fba42d7f687199020c0d4b43f4fd2fb6ca9dd29314b190ae2b9c682406f1aa0a755a4e6f8fae33f8d666b5c05c8a75f17e80c6d55","href":"https://static.observableusercontent.com/files/929cbeada879c86187f8643fba42d7f687199020c0d4b43f4fd2fb6ca9dd29314b190ae2b9c682406f1aa0a755a4e6f8fae33f8d666b5c05c8a75f17e80c6d55","name":"Asset_Operated_NonDisclosed_NGS_5.png","type":"image/png","lastModified":1756375960460.36,"size":22672},{"id":"89b3e2114a9cc12f5de2077fb30bcf215014e200ebac2125b05c29be2ae9e64f546613ff02ac153700437ade403b4a84a8cf9c09717efcbab2a3cd606d639589","href":"https://static.observableusercontent.com/files/89b3e2114a9cc12f5de2077fb30bcf215014e200ebac2125b05c29be2ae9e64f546613ff02ac153700437ade403b4a84a8cf9c09717efcbab2a3cd606d639589","name":"Asset_NonOperated_NonDisclosed_GS_5.png","type":"image/png","lastModified":1756375960460.607,"size":20944},{"id":"4e4eb9599aff4a9184bc3bd029ecf3335b189bed8b4a75fbb66ae6f098a585ba4902bc8d124d285ff9abea1743cfe8faedc0fe706e34e45ddc092bb3c03ebe6a","href":"https://static.observableusercontent.com/files/4e4eb9599aff4a9184bc3bd029ecf3335b189bed8b4a75fbb66ae6f098a585ba4902bc8d124d285ff9abea1743cfe8faedc0fe706e34e45ddc092bb3c03ebe6a","name":"Asset_Operated_Disclosed_GSP_5.png","type":"image/png","lastModified":1756375960460.979,"size":24654},{"id":"ff1ddf519127988b1662fab0c88216b3f85dbcae490e08a6ec065475f682b37c79b3f4affc4dab9e7f395d435d5be59bd51c496971accd76ab4c7140f5b2faef","href":"https://static.observableusercontent.com/files/ff1ddf519127988b1662fab0c88216b3f85dbcae490e08a6ec065475f682b37c79b3f4affc4dab9e7f395d435d5be59bd51c496971accd76ab4c7140f5b2faef","name":"Asset_Operated_NonDisclosed_GS_5.png","type":"image/png","lastModified":1756375960462.072,"size":22839},{"id":"528508c9f7f2a2f4c20c6ed147fd79dd2599d3e631d95dc602eb354b46a822fc2b5875fbf65727541d16ef8ffc55f2d60c03448e8e89a7c9d35780417e2e354e","href":"https://static.observableusercontent.com/files/528508c9f7f2a2f4c20c6ed147fd79dd2599d3e631d95dc602eb354b46a822fc2b5875fbf65727541d16ef8ffc55f2d60c03448e8e89a7c9d35780417e2e354e","name":"Asset_Operated_NonDisclosed_GSP_5.png","type":"image/png","lastModified":1756375960462.208,"size":22865},{"id":"2ee117796a49e4a86d330a8466d919ab98efd8a92f04db6ce099de58da14cae62f1951dfedefed8861962de616596150e13c952234ba1ff45d79e62e401d8937","href":"https://static.observableusercontent.com/files/2ee117796a49e4a86d330a8466d919ab98efd8a92f04db6ce099de58da14cae62f1951dfedefed8861962de616596150e13c952234ba1ff45d79e62e401d8937","name":"MinimalMine.png","type":"image/png","lastModified":1756377663545.282,"size":1216},{"id":"ba6cbc61eaffe06792469c3c9fdd7c0c48ca9edd9e77da03fa03e2777322b13283b80b66f219cfd999d8cc37e0d379588ca7abafce82fd1e803325c3311e1913","href":"https://static.observableusercontent.com/files/ba6cbc61eaffe06792469c3c9fdd7c0c48ca9edd9e77da03fa03e2777322b13283b80b66f219cfd999d8cc37e0d379588ca7abafce82fd1e803325c3311e1913","name":"MinimalPlant.png","type":"image/png","lastModified":1756377663532.952,"size":1233},{"id":"97c2e12264b521ed2f0121aa595f2aa4ea00848a492d9439c27d76ef15940efc02346240827251327dc8d67c12da7af9dbeb80ef935a83d27fc0a82cb907f495","href":"https://static.observableusercontent.com/files/97c2e12264b521ed2f0121aa595f2aa4ea00848a492d9439c27d76ef15940efc02346240827251327dc8d67c12da7af9dbeb80ef935a83d27fc0a82cb907f495","name":"Mine_Icon.png","type":"image/png","lastModified":1756379810090.621,"size":23795},{"id":"adaa9784d6cddcdec9b7e9d2cb6089790c9441d45231b4b72ad0b60c2e8087510e3d2138c241cf2dfc8a593b04690fb3eddb58b1946f56c79059553ecedce54b","href":"https://static.observableusercontent.com/files/adaa9784d6cddcdec9b7e9d2cb6089790c9441d45231b4b72ad0b60c2e8087510e3d2138c241cf2dfc8a593b04690fb3eddb58b1946f56c79059553ecedce54b","name":"Plant_Icon.png","type":"image/png","lastModified":1756379811511.099,"size":24739},{"id":"b15085a3d48f5cb7d9f112c7105e8ed80089e1619211c1d23a925f8ce6fd0b2f20be971e2423858cf89a448df30326440b1daf7c09cf73e9b382b301432dd17d","href":"https://static.observableusercontent.com/files/b15085a3d48f5cb7d9f112c7105e8ed80089e1619211c1d23a925f8ce6fd0b2f20be971e2423858cf89a448df30326440b1daf7c09cf73e9b382b301432dd17d","name":"MinimalAssetNGS@1.png","type":"image/png","lastModified":1756708489543.263,"size":1763},{"id":"91e76f8b73b2b12dde38a6243ad2200c908fafef0d562837e24e2b36cb23f113a163a7d566f03a03b921c324f4cd42a88912e91095de0deebd67d4e2da88fe5c","href":"https://static.observableusercontent.com/files/91e76f8b73b2b12dde38a6243ad2200c908fafef0d562837e24e2b36cb23f113a163a7d566f03a03b921c324f4cd42a88912e91095de0deebd67d4e2da88fe5c","name":"MinimalMine@1.png","type":"image/png","lastModified":1756708561007.542,"size":1624},{"id":"4f995645443485a27233009f671071f432947e183e0e86ba084c523ab2eb8fcf3bb71ef6b13441192aa1a409aa9cf3fc7166917fe09e737e9fbf952a298b6b47","href":"https://static.observableusercontent.com/files/4f995645443485a27233009f671071f432947e183e0e86ba084c523ab2eb8fcf3bb71ef6b13441192aa1a409aa9cf3fc7166917fe09e737e9fbf952a298b6b47","name":"MinimalAssetGSP@1.png","type":"image/png","lastModified":1756708572924.339,"size":1595},{"id":"d32014035aeb4b75b6a70af83daba8d209a433d593313a948641cfc80703b05a9d967dc5b02ea3f62152086e2d97a768a20f60ba06404e95b1f10cda51195c43","href":"https://static.observableusercontent.com/files/d32014035aeb4b75b6a70af83daba8d209a433d593313a948641cfc80703b05a9d967dc5b02ea3f62152086e2d97a768a20f60ba06404e95b1f10cda51195c43","name":"MinimalAssetGS@1.png","type":"image/png","lastModified":1756708579849.416,"size":1607},{"id":"63653804cba05bc785b8fe0e6c0a6672c4ccfa5ff0a2b7eb8ba2027050bc5a4a73a9449d64e344d2505ca070b6005200061aa75a94c872294a10638d35ab414b","href":"https://static.observableusercontent.com/files/63653804cba05bc785b8fe0e6c0a6672c4ccfa5ff0a2b7eb8ba2027050bc5a4a73a9449d64e344d2505ca070b6005200061aa75a94c872294a10638d35ab414b","name":"MinimalPlant@1.png","type":"image/png","lastModified":1756708591144.747,"size":1629},{"id":"9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","href":"https://static.observableusercontent.com/files/9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","name":"CompressorStation.png","type":"image/png","lastModified":1756215639752.754,"size":20998},{"id":"c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","href":"https://static.observableusercontent.com/files/c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","name":"Plume.png","type":"image/png","lastModified":1756215639752.754,"size":20215}] 2d:{"title":"Collaborative session - Tier 3","cells":[{"id":0,"value":"# Collaborative session - Tier 3","pinned":false,"hidden":false,"mode":"md"},{"id":2306,"value":"### August 27th, 2025","pinned":false,"hidden":false,"mode":"md"},{"id":1697,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":942,"value":"viewof weight = Inputs.range([10, 200], {\n label: \"Max. representable emission rate (normalized): \",\n step: 1,\n value: 110\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2823,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2813,"value":"viewof ZoomedOutPointRadius = Inputs.range([0, 50], {\n label: \"Heatmap circle radius (zoomed out)\",\n step: 0.25,\n value: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2818,"value":"viewof ZoomedInPointRadius = Inputs.range([0, 50], {\n label: \"Heatmap circle radius (zoomed in)\",\n step: 0.25,\n value: 35\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"viewof view = Inputs.radio(\n [\"MEI\", \"OGMP\", \"Metcoal\", \"Waste & others\", \"Global\", \"Only sources\"],\n {\n label: \"Filter: \",\n value: \"Global\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1153,"value":"viewof hotspotToggle = Inputs.toggle({ label: \"Hotspots: \", value: false })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1818,"value":"viewof colorScale = Inputs.radio(\n [\"Orange to Red (previous)\", \"Purple to Yellow (plume imagery)\", \"Custom\"],\n {\n label: \"Select a color scale:\",\n value: \"Custom\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2116,"value":"colorBarLegend = {\n const plot = Plot.plot({\n width: 200,\n height: 20,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: palettes[colorScale],\n interpolate: \"lab\"\n },\n x: { axis: false },\n y: { axis: false },\n marks: [\n Plot.cell(d3.ticks(0, 1, 30), {\n x: Plot.identity,\n fill: Plot.identity,\n inset: -1\n })\n ]\n });\n\n const wrapper = html`

\n Low\n ${plot}\n High intensity\n

\nIncreased intensity reflects a combination of more nearby sources and elevated emission rates.\n

\n`;\n\n return wrapper;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":482,"value":"

\n\n","pinned":false,"hidden":false,"mode":"html"},{"id":485,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":2721,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2714,"value":"#### Mapbox scale interpolation parameters ","pinned":false,"hidden":false,"mode":"md"},{"id":2510,"value":"PuYeColorScale = [\n \"interpolate\",\n [\"linear\"],\n [\"heatmap-density\"],\n 0,\n hexToRGBA(palettes[\"Purple to Yellow (plume imagery)\"][0], 0),\n 0.05,\n hexToRGBA(palettes[\"Purple to Yellow (plume imagery)\"][0], 0.15),\n 0.125,\n hexToRGBA(palettes[\"Purple to Yellow (plume imagery)\"][1], 0.5),\n 0.25,\n palettes[\"Purple to Yellow (plume imagery)\"][2],\n 0.375,\n palettes[\"Purple to Yellow (plume imagery)\"][3],\n 0.5,\n palettes[\"Purple to Yellow (plume imagery)\"][4],\n 0.625,\n palettes[\"Purple to Yellow (plume imagery)\"][5],\n 0.75,\n palettes[\"Purple to Yellow (plume imagery)\"][6],\n 0.875,\n palettes[\"Purple to Yellow (plume imagery)\"][7],\n 1,\n hexToRGBA(palettes[\"Purple to Yellow (plume imagery)\"][8], 0.8)\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2514,"value":"OrReColorScale = [\n \"interpolate\",\n [\"linear\"],\n [\"heatmap-density\"],\n 0,\n \"rgba(253, 174, 97, 0)\",\n 0.03,\n \"rgba(253, 174, 97, 0.9)\",\n 0.25,\n \"#f46d43\",\n 0.5,\n \"#d73027\",\n 0.75,\n \"#b2182b\",\n 1,\n \"#800026\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2694,"value":"CustomColorScale = [\n \"interpolate\",\n [\"linear\"],\n [\"heatmap-density\"],\n 0,\n hexToRGBA(palettes[\"Custom\"][0], 0),\n 0.05,\n hexToRGBA(palettes[\"Custom\"][0], 1),\n 0.35,\n hexToRGBA(palettes[\"Custom\"][1], 1),\n 1,\n hexToRGBA(palettes[\"Custom\"][2], 1)\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":2716,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2718,"value":"#### Interpolation scales array","pinned":false,"hidden":false,"mode":"md"},{"id":1778,"value":"heatmapColors = [OrReColorScale, PuYeColorScale, CustomColorScale]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2702,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2699,"value":"#### Hex color definitions","pinned":false,"hidden":false,"mode":"md"},{"id":2119,"value":"palettes = ({\n \"Orange to Red (previous)\": [\n \"#fdae61\",\n \"#f46d43\",\n \"#d73027\",\n \"#b2182b\",\n \"#800026\"\n ],\n \"Purple to Yellow (plume imagery)\": [\n \"#0d0887\",\n \"#46039f\",\n \"#7201a8\",\n \"#9c179e\",\n \"#bd3786\",\n \"#d8576b\",\n \"#ed7953\",\n \"#fb9f3a\",\n \"#f0f921\"\n ],\n Custom: [\"#8850A6\", \"#F17863\", \"#FFD754\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2704,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2706,"value":"#### Name index","pinned":false,"hidden":false,"mode":"md"},{"id":2639,"value":"colorScaleIndex = ({\n \"Orange to Red (previous)\": 0,\n \"Purple to Yellow (plume imagery)\": 1,\n Custom: 2\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2708,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2392,"value":"minRouteWeight = 3","pinned":false,"hidden":false,"mode":"ojs"},{"id":2395,"value":"maxRouteWeight = 10","pinned":false,"hidden":false,"mode":"ojs"},{"id":795,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":797,"value":"# Icons","pinned":false,"hidden":false,"mode":"md"},{"id":1300,"value":"iconSize = 0.16","pinned":false,"hidden":false,"mode":"ojs"},{"id":1309,"value":"storyIconSize = 0.3","pinned":false,"hidden":false,"mode":"ojs"},{"id":1304,"value":"plumeIconSize = 0.125","pinned":false,"hidden":false,"mode":"ojs"},{"id":1897,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1899,"value":"assetNonOperatedDisclosedIcon = FileAttachment(\n \"Asset_NonOperated_Disclosed_GS_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1903,"value":"assetNonOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GS_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1905,"value":"assetOperatedDisclosedIcon = FileAttachment(\n \"Asset_Operated_Disclosed_GS_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1907,"value":"assetOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_Operated_NonDisclosed_GS_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1955,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1943,"value":"a_o_nd_gsp_icon = FileAttachment(\"Asset_Operated_NonDisclosed_GSP_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1946,"value":"a_o_d_gsp_icon = FileAttachment(\"Asset_Operated_Disclosed_GSP_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1949,"value":"a_no_nd_gsp_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GSP_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1952,"value":"a_no_d_gsp_icon = FileAttachment(\"Asset_NonOperated_Disclosed_GSP_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1963,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1957,"value":"a_o_nd_ngs_icon = FileAttachment(\"Asset_Operated_NonDisclosed_NGS_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1965,"value":"a_o_d_ngs_icon = FileAttachment(\"Asset_Operated_Disclosed_NGS_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1968,"value":"a_no_nd_ngs_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_NGS_5.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1971,"value":"a_no_d_ngs_icon = FileAttachment(\"Asset_NonOperated_Disclosed_NGS_5.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1909,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2756,"value":"min_asset_gs = FileAttachment(\"MinimalAssetGS@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2759,"value":"min_asset_gsp = FileAttachment(\"MinimalAssetGSP@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2761,"value":"min_asset_ngs = FileAttachment(\"MinimalAssetNGS@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2783,"value":"min_mine = FileAttachment(\"MinimalMine@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2786,"value":"min_plant = FileAttachment(\"MinimalPlant@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2754,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":817,"value":"coalIcon = FileAttachment(\"Mine_Icon.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":827,"value":"compStationIcon = FileAttachment(\"CompressorStation.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":874,"value":"plumeIcon = FileAttachment(\"Plume.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":877,"value":"studyIcon = FileAttachment(\"Study3.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1055,"value":"storyIcon = FileAttachment(\"StoryIcon.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1368,"value":"steelPlantIcon = FileAttachment(\"Plant_Icon.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1454,"value":"portIcon = FileAttachment(\"Port2.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":799,"value":"icons = ({\n coal: coalIcon,\n compStation: compStationIcon,\n plume: plumeIcon,\n study: studyIcon,\n story: storyIcon,\n steelPlant: steelPlantIcon,\n port: portIcon,\n assetNonOperatedDisclosed: assetNonOperatedDisclosedIcon,\n assetNonOperatedNonDisclosed: assetNonOperatedNonDisclosedIcon,\n assetOperatedDisclosed: assetOperatedDisclosedIcon,\n assetOperatedNonDisclosed: assetOperatedNonDisclosedIcon,\n\n assetNonOperatedDisclosedNGS: a_no_d_ngs_icon,\n assetNonOperatedNonDisclosedNGS: a_no_nd_ngs_icon,\n assetOperatedDisclosedNGS: a_o_d_ngs_icon,\n assetOperatedNonDisclosedNGS: a_o_nd_ngs_icon,\n\n assetNonOperatedDisclosedGSP: a_no_d_gsp_icon,\n assetNonOperatedNonDisclosedGSP: a_no_nd_gsp_icon,\n assetOperatedDisclosedGSP: a_o_d_gsp_icon,\n assetOperatedNonDisclosedGSP: a_o_nd_gsp_icon,\n\n minimalGS: min_asset_gs,\n minimalGSP: min_asset_gsp,\n minimalNGS: min_asset_ngs,\n minimalMine: min_mine,\n minimalPlant: min_plant\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":734,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1564,"value":"# Data functions","pinned":false,"hidden":false,"mode":"md"},{"id":2531,"value":"function hexToRGBA(hex, opacity) {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n const a = opacity;\n return `rgba(${r}, ${g}, ${b}, ${a})`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1543,"value":"function getLatestPlumeFromSource(source) {\n const plumes = plumes_w_sources\n .filter((d) => d.id_mars_source === source)\n .reduce((latest, current) =>\n new Date(current.created_at) > new Date(latest.created_at)\n ? current\n : latest\n );\n return plumes;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2288,"value":"function getAverageEmissionsFromSource(source) {\n const plumes = plumes_w_sources.filter((d) => d.id_mars_source === source);\n const n = plumes.length;\n const sum = plumes.reduce((sum, item) => sum + item.ch4_fluxrate, 0);\n const avg = sum / n;\n return avg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1914,"value":"function getDataFromAsset(id) {\n const assets = company_assets_2.filter((a) => a.id_asset === id);\n return assets[0];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2201,"value":"function getRelatedSteelPlantsFromMine(mine) {\n const mps = mine_to_plant.filter((mp) => mp.mine_id === mine);\n const steelPlants = mps.map((mp) => mp.plant_id);\n return steelPlants ?? [];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2208,"value":"function getRelatedMinesFromSteelPlant(steelPlant) {\n const mps = mine_to_plant.filter((mp) => mp.plant_id === steelPlant);\n const mines = mps.map((mp) => mp.mine_id);\n return mines ?? [];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2386,"value":"function clampedMapRange(value, inMin, inMax, outMin, outMax) {\n value = Math.min(Math.max(value, inMin), inMax);\n const mappedValue =\n ((value - inMin) / (inMax - inMin)) * (outMax - outMin) + outMin;\n const roundedMappedValue = Math.round(mappedValue * 100) / 100;\n return roundedMappedValue;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2527,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":736,"value":"# Data transformations","pinned":false,"hidden":false,"mode":"md"},{"id":739,"value":"geojsonPlumesData = ({\n type: \"FeatureCollection\",\n features: plumes.map((d, i) => ({\n id: i,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n mag: d.ch4_fluxrate ? d.ch4_fluxrate / 5000 : 1,\n emission: d.ch4_fluxrate,\n shape: d.geometry,\n sector: d.sector,\n tooltip: \"Plume methane emission: \" + niceNumber(d.ch4_fluxrate) + \" kg/h\"\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":764,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1040,"value":"geojsonStudiesData = ({\n type: \"FeatureCollection\",\n features: studies.map((d) => ({\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [(d.min_lon + d.max_lon) / 2, (d.min_lat + d.max_lat) / 2] // --> center\n //coordinates: [d.min_lon, d.max_lat] --> top left corner\n },\n properties: {\n area: {\n type: \"Feature\",\n geometry: {\n type: \"Polygon\",\n coordinates: [\n [\n [d.min_lon, d.min_lat],\n [d.min_lon, d.max_lat],\n [d.max_lon, d.max_lat],\n [d.max_lon, d.min_lat],\n [d.min_lon, d.min_lat]\n ]\n ]\n }\n },\n tooltip: \"Study conducted in \" + d.country\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1059,"value":"geojsonStoriesData = ({\n type: \"FeatureCollection\",\n features: stories.map((d, i) => ({\n id: i,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.coords[0], d.coords[1]]\n },\n properties: {\n tooltip: \"Mitigation story: \" + d.name\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1144,"value":"geojsonHotspotsData = ({\n type: \"FeatureCollection\",\n features: hotspots.map((d) => ({\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n sector: d.sector\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1200,"value":"geojsonCoalMinesData = ({\n type: \"FeatureCollection\",\n features: coal.map((d) => ({\n id: d.mine_id,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n tooltip: d.name,\n id: d.mine_id\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1375,"value":"geojsonSteelPlantsData = ({\n type: \"FeatureCollection\",\n features: steel.map((d) => ({\n id: d.plant_id,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n tooltip: d.name,\n id: d.plant_id\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1336,"value":"geojsonWasteData = ({\n type: \"FeatureCollection\",\n features: waste.map((d) => {\n const wasteTypeIcons = [\"icon-waste\", \"icon-agriculture\"];\n const wasteTypeLabels = [\"Waste facility\", \"Agriculture facility\"];\n const seed = Math.floor(Math.random() * 2);\n return {\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n tooltip: wasteTypeLabels[seed],\n icon: wasteTypeIcons[seed]\n }\n };\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1459,"value":"geojsonPortRoutesData = ({\n type: \"FeatureCollection\",\n features: filteredPortRoutes.map((pr) => ({\n type: \"Feature\",\n geometry: {\n type: \"LineString\",\n coordinates: [\n [pr.export_lon, pr.export_lat],\n [pr.import_lon, pr.import_lat]\n ]\n },\n properties: {\n export_id: pr.export_port_id,\n import_id: pr.import_port_id,\n weight: clampedMapRange(\n pr.quantity,\n minRouteQuantity,\n maxRouteQuantity,\n minRouteWeight,\n maxRouteWeight\n ),\n tooltip:\n pr.export_port +\n \" --> \" +\n pr.import_port +\n \" (\" +\n (pr.quantity / 1000).toFixed(0) +\n \" kMT)\"\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1470,"value":"geojsonPortsData = ({\n type: \"FeatureCollection\",\n features: ports.map((d) => ({\n id: d.id,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n tooltip: d.name,\n id: d.id\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1532,"value":"geojsonPlumeSourcesData = ({\n type: \"FeatureCollection\",\n features: populated_sources.map((d, i) => {\n const latestPlume = getLatestPlumeFromSource(d.id_mars_source);\n const averageEmission = getAverageEmissionsFromSource(d.id_mars_source);\n return {\n id: d.id_mars_source,\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [d.lon, d.lat]\n },\n properties: {\n tooltip: \"Methane plume source: \" + d.name,\n mag: latestPlume ? latestPlume.ch4_fluxrate / 1000 : 1,\n sector: latestPlume.sector,\n shape: latestPlume.geometry\n }\n };\n })\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1633,"value":"geojsonCoalSteelRoutesData = ({\n type: \"FeatureCollection\",\n features: mine_to_plant.flatMap((d) => {\n const coalMine = coal.find((c) => c.mine_id === d.mine_id);\n const steelPlant = steel.find((s) => s.plant_id === d.plant_id);\n if (!coalMine || !steelPlant) return [];\n return {\n type: \"Feature\",\n geometry: {\n type: \"LineString\",\n coordinates: [\n [coalMine.lon, coalMine.lat],\n [steelPlant.lon, steelPlant.lat]\n ]\n },\n properties: {\n mine_id: coalMine.mine_id,\n plant_id: steelPlant.plant_id,\n tooltip: \"Route from \" + coalMine.name + \" to \" + steelPlant.name\n }\n };\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1062,"value":"stories = [\n {\n name: \"Onyx SASA Landfill (Brasil)\",\n coords: [-46.6022, -23.2086]\n },\n {\n name: \"Paulínia Landfill (Brasil)\",\n coords: [-47.1978, -22.7091]\n },\n { name: \"Mandalong Coal Mine (Australia)\", coords: [151.55, -33.0533] },\n { name: \"Coal Mine (China)\", coords: [106.7092, 26.259] },\n { name: \"Lake Kivu (Ruanda)\", coords: [29.2569, -1.7056] },\n { name: \"Permian Basin (EE.UU.)\", coords: [-103.0, 31.5] },\n { name: \"Oil field (Romania)\", coords: [25.0, 44.0] }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2376,"value":"maxRouteQuantity = Math.max(...filteredPortRoutes.map((r) => r.quantity))","pinned":false,"hidden":false,"mode":"ojs"},{"id":2383,"value":"minRouteQuantity = Math.min(...filteredPortRoutes.map((r) => r.quantity))","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"---\n### Data, styles, utilities","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"import {\n companyMostData,\n assets,\n studies,\n plumes,\n hotspots,\n coalMines,\n waste,\n coal,\n steel,\n ports,\n portRoutes,\n populated_sources,\n plumes_w_sources,\n assets_w_sector,\n mine_to_plant,\n company_assets_2,\n filteredPortRoutes\n} from \"@fndvit/imeo-data-samples\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"import {\n styles,\n barXStyles,\n dashedXStyles,\n barYStyles,\n dashedYStyles,\n catScale,\n yepi,\n puye,\n pubu,\n chroma\n} from \"@fndvit/imeo-styles\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2314,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":311,"value":"styles","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"#### Utilities","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"niceNumber = (n) => {\n const f = Math.round(n) < 1000000 ? \",.0f\" : \".3s\";\n return d3.format(f)(n);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoieG9jYXNndiIsImEiOiI0eDhKVHlZIn0.YdtRFZW4yC0tSdoXoTgGUA\";\n const href = await require.resolve(\"mapbox-gl/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1029,"value":"WKTparser = require(\"https://bundle.run/wellknown@0.5.0\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1396,"value":"deck = require(\"deck.gl@8.9.24/dist.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}