2f:T60ba,mapHeatmap = { let map = new mapboxgl.Map({ container: "map-heatmap", projection: "equalEarth", style: "mapbox://styles/xocasgv/cm7w7a8iq00mo01s55kx9efiw", 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" ] }; const colorScaleIndex = { "Orange to Red (previous)": 0, "Purple to Yellow (plume imagery)": 1 }; const terrainColor = { "Orange to Red (previous)": "#F9F5ED", "Purple to Yellow (plume imagery)": "#52545B" }; const waterColor = { "Orange to Red (previous)": "#FFFFFF", "Purple to Yellow (plume imagery)": "#373743" }; let activePort = ""; let activeMine = ""; let activePlant = ""; let activeMines = []; let activePlants = []; map.on("load", () => { map.setPaintProperty( "background", "background-color", terrainColor[colorScale] ); map.setPaintProperty("international-borders", "line-color", "#373743"); map.setPaintProperty("water", "fill-color", waterColor[colorScale]); 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"); //NEW CHANGES 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.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, 30, 9, 30], "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, 20, 20, 30 ], "heatmap-opacity": ["interpolate", ["linear"], ["zoom"], 7, 1, 20, 0] } }, "road-label-simple" ); 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: "circle", source: "minimal-assets", minzoom: 0, maxzoom: 6, paint: { "circle-radius": 2, "circle-color": [ "match", ["get", "gs"], "gs", "#128B92", "gsp", "#AAB9B2", "ngs", "#DDE3E3", /* default */ "#128B92" ], "circle-stroke-color": "#FFFFFF", "circle-stroke-width": 0.45 }, layout: { visibility: view === "OGMP" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "steel-plant-points-minimal", type: "circle", source: "steel", minzoom: 0, maxzoom: 6, paint: { "circle-radius": 2, "circle-color": "#8E3238", "circle-stroke-color": "#ffffff", "circle-stroke-width": 0.45 }, layout: { visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "mine-points-minimal", type: "circle", source: "mines", minzoom: 0, maxzoom: 6, paint: { "circle-radius": 2, "circle-color": "#55524E", "circle-stroke-color": "#ffffff", "circle-stroke-width": 0.45 }, layout: { 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"); //------------------------------------------------------------------------------- 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 }); } }); 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"; } ); }); invalidation.then(() => map.remove()); return map; }30:T438,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 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 } }; }) })31:[{"id":"11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","href":"https://static.observableusercontent.com/files/11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","name":"Pipeline.png","type":"image/png","lastModified":1755765695280.579,"size":21886},{"id":"009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","href":"https://static.observableusercontent.com/files/009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","name":"OilRig.png","type":"image/png","lastModified":1755765695280.579,"size":21698},{"id":"44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","href":"https://static.observableusercontent.com/files/44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","name":"Study3.png","type":"image/png","lastModified":1755765695280.579,"size":4580},{"id":"80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","href":"https://static.observableusercontent.com/files/80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","name":"Port2.png","type":"image/png","lastModified":1755765695280.579,"size":9103},{"id":"5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","href":"https://static.observableusercontent.com/files/5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","name":"SteelPlantIcon.png","type":"image/png","lastModified":1755765695280.579,"size":8998},{"id":"ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","href":"https://static.observableusercontent.com/files/ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","name":"AssetCluster.png","type":"image/png","lastModified":1755765695280.579,"size":20624},{"id":"d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","href":"https://static.observableusercontent.com/files/d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","name":"StoryIcon.png","type":"image/png","lastModified":1755765695280.579,"size":22238},{"id":"e7c355820a06bdbbc61c84c27bdb68fb2a50e37d82afa7e2d468c242e38c461a7c37c510796557a66dd9a31121c537520f11f4e730508d2deb24be2907d3afd6","href":"https://static.observableusercontent.com/files/e7c355820a06bdbbc61c84c27bdb68fb2a50e37d82afa7e2d468c242e38c461a7c37c510796557a66dd9a31121c537520f11f4e730508d2deb24be2907d3afd6","name":"PortsLegend_1.png","type":"image/png","lastModified":1755765695280.579,"size":4631},{"id":"ca84f6f584cf8bb147526554244390fc48743ae563a2c01b00bdcf8ca4cca182185750e30190d47c1c6991f61545e125ca7ef4c91b520bda679974ee08d919cd","href":"https://static.observableusercontent.com/files/ca84f6f584cf8bb147526554244390fc48743ae563a2c01b00bdcf8ca4cca182185750e30190d47c1c6991f61545e125ca7ef4c91b520bda679974ee08d919cd","name":"PortsLegend_2.png","type":"image/png","lastModified":1755765695280.579,"size":4563},{"id":"0057229233fd731dd28f31c4136646bb72f1f4ab8fe5ae8b72fc286a64e2e85bacbf1be1b95d8460ddd97852b1b80ae8dda51f7313a43eeaad4785742bcc9c12","href":"https://static.observableusercontent.com/files/0057229233fd731dd28f31c4136646bb72f1f4ab8fe5ae8b72fc286a64e2e85bacbf1be1b95d8460ddd97852b1b80ae8dda51f7313a43eeaad4785742bcc9c12","name":"Asset_NonOperated_Disclosed_GSP_4.png","type":"image/png","lastModified":1755765695280.579,"size":15993},{"id":"0f1d5ef5e15d8fd4b4f134aa6ace2cc9d3ef6970e6d70180e1e9ec008a1e2c64e0bbd30e5f0f758ccd6fa7235750043ad77bb1dd9a53a9af407cdf26562c4d36","href":"https://static.observableusercontent.com/files/0f1d5ef5e15d8fd4b4f134aa6ace2cc9d3ef6970e6d70180e1e9ec008a1e2c64e0bbd30e5f0f758ccd6fa7235750043ad77bb1dd9a53a9af407cdf26562c4d36","name":"Asset_Operated_NonDisclosed_GSP_4.png","type":"image/png","lastModified":1755765695280.579,"size":14311},{"id":"cb926850c589cbc789eae4194170c23fe0cf2c362fa0320b3e19614634171bb0200830a4dab2731982f32753a07e95b4a7bf1078e80cf9d118304f5cdfccaa23","href":"https://static.observableusercontent.com/files/cb926850c589cbc789eae4194170c23fe0cf2c362fa0320b3e19614634171bb0200830a4dab2731982f32753a07e95b4a7bf1078e80cf9d118304f5cdfccaa23","name":"Asset_Operated_Disclosed_GS_4.png","type":"image/png","lastModified":1755765695280.579,"size":17841},{"id":"36562699819c6e4dd2615ccb0e84933cdf7f7310171c877dd5d46cdc5932aba9cb463cd4cd9304392a48f8cc9da6f374c290bd3700a298e090446567a6293143","href":"https://static.observableusercontent.com/files/36562699819c6e4dd2615ccb0e84933cdf7f7310171c877dd5d46cdc5932aba9cb463cd4cd9304392a48f8cc9da6f374c290bd3700a298e090446567a6293143","name":"Asset_NonOperated_Disclosed_GS_4.png","type":"image/png","lastModified":1755765695280.579,"size":16052},{"id":"ec30173eec94c3a5d7ec79398cfe0e8a31d47ee54d160244de6eded34e8f6399330743c9efbfc2892775c837ca2f13d6a7e51ece327137f907cc451e69cd812c","href":"https://static.observableusercontent.com/files/ec30173eec94c3a5d7ec79398cfe0e8a31d47ee54d160244de6eded34e8f6399330743c9efbfc2892775c837ca2f13d6a7e51ece327137f907cc451e69cd812c","name":"Asset_Operated_Disclosed_NGS_4.png","type":"image/png","lastModified":1755765695280.579,"size":17235},{"id":"8a3df56ae7d7004f7bb86fb59d0c57c5cd444d1673345469ad54ddcbdbdb0a5562682b811f98477c661ba242cf08b6d6d2b44579b5bd023b7693f23c26fa4fc4","href":"https://static.observableusercontent.com/files/8a3df56ae7d7004f7bb86fb59d0c57c5cd444d1673345469ad54ddcbdbdb0a5562682b811f98477c661ba242cf08b6d6d2b44579b5bd023b7693f23c26fa4fc4","name":"Asset_NonOperated_NonDisclosed_NGS_4.png","type":"image/png","lastModified":1755765695280.579,"size":11989},{"id":"c10147b7bf88d149ba236d581a55fbb5cc7fb12b6c331340bccf4c7d9f86852013cff1b47c5f111a1f5bde0fabcae5792614120f040b61ecde7c0d4b949fe12a","href":"https://static.observableusercontent.com/files/c10147b7bf88d149ba236d581a55fbb5cc7fb12b6c331340bccf4c7d9f86852013cff1b47c5f111a1f5bde0fabcae5792614120f040b61ecde7c0d4b949fe12a","name":"Asset_NonOperated_Disclosed_NGS_4.png","type":"image/png","lastModified":1755765695280.579,"size":15441},{"id":"b0753c0162d9038b5354ea221cfd1eca96c7f8d2ae36d143a856c65b39dea32bd85ba5e03c74539ddded694c3be13f312bab89427878ee27b21694fe9bca8422","href":"https://static.observableusercontent.com/files/b0753c0162d9038b5354ea221cfd1eca96c7f8d2ae36d143a856c65b39dea32bd85ba5e03c74539ddded694c3be13f312bab89427878ee27b21694fe9bca8422","name":"Asset_Operated_Disclosed_GSP_4.png","type":"image/png","lastModified":1755765695280.579,"size":17781},{"id":"4109abdf8ace483eaf3600fd1f9fb4b5056a9e76ef6e024186136338f1bea1226f974e15c0bdcd325a4660f902f2422813c103c7cd6d37eb0ad0d689add989f5","href":"https://static.observableusercontent.com/files/4109abdf8ace483eaf3600fd1f9fb4b5056a9e76ef6e024186136338f1bea1226f974e15c0bdcd325a4660f902f2422813c103c7cd6d37eb0ad0d689add989f5","name":"Asset_Operated_NonDisclosed_NGS_4.png","type":"image/png","lastModified":1755765695280.579,"size":14019},{"id":"35f810def401147ac25fd150bfae3aa273835f99ee291d44ad242b0a49f4c15648cf1b8231d3d187a9aa2caa11c17edaceb3921ad41157c644c093dfe07af933","href":"https://static.observableusercontent.com/files/35f810def401147ac25fd150bfae3aa273835f99ee291d44ad242b0a49f4c15648cf1b8231d3d187a9aa2caa11c17edaceb3921ad41157c644c093dfe07af933","name":"Asset_Operated_NonDisclosed_GS_4.png","type":"image/png","lastModified":1755765695280.579,"size":14254},{"id":"18dd53cc599463bcd2da634c286aa90038c760b92bd9d2a735fc5472b2b9b399b3ef6498b957f18af066d6147b59c60ed33a1579cd5343e557c63ee51488d861","href":"https://static.observableusercontent.com/files/18dd53cc599463bcd2da634c286aa90038c760b92bd9d2a735fc5472b2b9b399b3ef6498b957f18af066d6147b59c60ed33a1579cd5343e557c63ee51488d861","name":"Asset_NonOperated_NonDisclosed_GSP_4.png","type":"image/png","lastModified":1755765695280.579,"size":12248},{"id":"4625be09ddfc382db791d6cbd0835abbe28ab5e8fb898dd586c8b5d3926abfc06a00dd48af8f2331f37c8ce2379d5b219ce8a33035ffd4fc96b6e37e63b1a506","href":"https://static.observableusercontent.com/files/4625be09ddfc382db791d6cbd0835abbe28ab5e8fb898dd586c8b5d3926abfc06a00dd48af8f2331f37c8ce2379d5b219ce8a33035ffd4fc96b6e37e63b1a506","name":"Asset_NonOperated_NonDisclosed_GS_4.png","type":"image/png","lastModified":1755765695280.579,"size":11978},{"id":"f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","href":"https://static.observableusercontent.com/files/f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","name":"Agriculture.png","type":"image/png","lastModified":1755765695280.579,"size":22289},{"id":"c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","href":"https://static.observableusercontent.com/files/c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","name":"Plume.png","type":"image/png","lastModified":1755765695280.579,"size":20215},{"id":"b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","href":"https://static.observableusercontent.com/files/b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","name":"CoalMineIcon.png","type":"image/png","lastModified":1755765695280.579,"size":7925},{"id":"4ad6f9b26fd63acc749af8b09fdf2cd930e885e462d985be6a2f45ae321c0de22af22159d3a8bcc49dea3978797b84ea440487d40bbe7d592992b0b05c9e1cae","href":"https://static.observableusercontent.com/files/4ad6f9b26fd63acc749af8b09fdf2cd930e885e462d985be6a2f45ae321c0de22af22159d3a8bcc49dea3978797b84ea440487d40bbe7d592992b0b05c9e1cae","name":"CoalLegends.png","type":"image/png","lastModified":1755765695280.579,"size":6650},{"id":"9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","href":"https://static.observableusercontent.com/files/9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","name":"CompressorStation.png","type":"image/png","lastModified":1755765695280.579,"size":20998},{"id":"f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","href":"https://static.observableusercontent.com/files/f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","name":"Waste.png","type":"image/png","lastModified":1755765695280.579,"size":21722},{"id":"6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","href":"https://static.observableusercontent.com/files/6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","name":"Hotspot.png","type":"image/png","lastModified":1755765695280.579,"size":21122}] 2d:{"title":"Consistent plasma scale","cells":[{"id":0,"value":"# Consistent plasma scale","pinned":false,"hidden":false,"mode":"md"},{"id":2306,"value":"### Friday 22th, 2025","pinned":false,"hidden":false,"mode":"md"},{"id":2330,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2327,"value":"#### Update description\n- Added a **toggle** to change from the previous color scale (**orange to red**) to the plume standard scale (**plasma**).\n- The heatmap now uses the **latest plume emission rate** for each source, instead of averaging the emission rates of all its plumes.\n- Changed the **basemap** colors (terrain, borders, water bodies, etc.) to **darker tones** when using the plasma scale. The plasma scale maps low values to darker colors (blue–purple) and high values to bright colors (orange–yellow). To make the key elements of the map stand out (high values in yellow), the background needs to be less eye-catching, which is achieved by using darker tones instead of the previous beige/ivory background.","pinned":false,"hidden":false,"mode":"md"},{"id":2653,"value":"#### Note\n- Map labels were removed in this comparison to simplify the visual comparison experience.\n- If we went with the Plasma scale with the dark background, some elements of the map would need some tweaking to improve contrast and appearance overall (hotspots, street colors, roads, science study icons, case study icons, etc.)\n- The colors used for the basemap can be tweaked in the future to remain visually consistent with the IMEO trademark.","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":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":2444,"value":"portslegend_1 = FileAttachment(\"PortsLegend_1.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2448,"value":"portslegend_2 = FileAttachment(\"PortsLegend_2.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2267,"value":"coallegends = FileAttachment(\"CoalLegends.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1818,"value":"viewof colorScale = Inputs.radio(\n [\"Orange to Red (previous)\", \"Purple to Yellow (plume imagery)\"],\n {\n label: \"Select a color scale:\",\n value: \"Purple to Yellow (plume imagery)\"\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":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":1778,"value":"heatmapColors = [OrReColorScale, PuYeColorScale]","pinned":false,"hidden":false,"mode":"ojs"},{"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})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2639,"value":"colorScaleIndex = ({\n \"Orange to Red (previous)\": 0,\n \"Purple to Yellow (plume imagery)\": 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2642,"value":"terrainColor = ({\n \"Orange to Red (previous)\": \"#F9F5ED\",\n \"Purple to Yellow (plume imagery)\": \"#52545B\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2645,"value":"waterColor = ({\n \"Orange to Red (previous)\": \"#FFFFFF\",\n \"Purple to Yellow (plume imagery)\": \"#373743\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"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_4.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1903,"value":"assetNonOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GS_4.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1905,"value":"assetOperatedDisclosedIcon = FileAttachment(\n \"Asset_Operated_Disclosed_GS_4.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1907,"value":"assetOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_Operated_NonDisclosed_GS_4.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_4.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1946,"value":"a_o_d_gsp_icon = FileAttachment(\"Asset_Operated_Disclosed_GSP_4.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1949,"value":"a_no_nd_gsp_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GSP_4.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1952,"value":"a_no_d_gsp_icon = FileAttachment(\"Asset_NonOperated_Disclosed_GSP_4.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_4.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1965,"value":"a_o_d_ngs_icon = FileAttachment(\"Asset_Operated_Disclosed_NGS_4.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1968,"value":"a_no_nd_ngs_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_NGS_4.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1971,"value":"a_no_d_ngs_icon = FileAttachment(\"Asset_NonOperated_Disclosed_NGS_4.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1909,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":817,"value":"coalIcon = FileAttachment(\"CoalMineIcon.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":822,"value":"agricultureIcon = FileAttachment(\"Agriculture.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":827,"value":"compStationIcon = FileAttachment(\"CompressorStation.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":842,"value":"oilRigIcon = FileAttachment(\"OilRig.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":845,"value":"pipelineIcon = FileAttachment(\"Pipeline.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":848,"value":"wasteIcon = FileAttachment(\"Waste.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":894,"value":"assetClusterIcon = FileAttachment(\"AssetCluster.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1055,"value":"storyIcon = FileAttachment(\"StoryIcon.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1139,"value":"hotspotIcon = FileAttachment(\"Hotspot.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1368,"value":"steelPlantIcon = FileAttachment(\"SteelPlantIcon.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 assetCluster: assetClusterIcon,\n coal: coalIcon,\n agriculture: agricultureIcon,\n compStation: compStationIcon,\n oilRig: oilRigIcon,\n pipeline: pipelineIcon,\n waste: wasteIcon,\n plume: plumeIcon,\n study: studyIcon,\n story: storyIcon,\n hotspot: hotspotIcon,\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})","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":false,"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"}