2f:T49d,heatmapColors = [ // Dark blue [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(255, 255, 255, 0)", 0.05, "#CDD8F5", 1, "#3B5FC0" ], //Light blue [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(150, 251, 255, 0)", 0.05, "rgba(150, 251, 255, 0.85)", 0.25, "#7ae7f5", 0.5, "#2caad4", 1, "#1E7F9F" ], // Cold 1 [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(164, 204, 144, 0)", 0.05, "rgba(164, 204, 144, 0.75)", 0.25, "#5FA990", 0.5, "#33848D", 0.75, "#1E5D86", 1, "#2C3172" ], // Warm 1 [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(255, 164, 36, 0)", 0.05, "rgba(255, 164, 36, 0.55)", //Orange 0.5, "rgba(255, 0, 0, 0.55)", // Red 1, "rgba(40, 40, 40, 0.86)" //Black ], // Warm 2 [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(255, 166, 0, 0)", 0.05, "rgba(255, 166, 0, 0.5)", 0.25, "#ff6361", 0.5, "#bc5090", 0.75, "#58508d", 1, "#003f5c" ] ]30:T5867,mapHeatmap = { let map = new mapboxgl.Map({ container: "map-heatmap", projection: "equalEarth", style: "mapbox://styles/xocasgv/cm7w7a8iq00mo01s55kx9efiw", center: [39, 15], zoom: 2.5, 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 = { "Dark blue": 0, "Light blue": 1, "Cold 1": 2, "Warm 1": 3, "Warm 2": 4 }; let activePort = ""; let activeMine = ""; let activePlant = ""; let activeMines = []; let activePlants = []; map.on("load", () => { map.setPaintProperty("background", "background-color", "#F9F5ED"); map.setPaintProperty("international-borders", "line-color", "#B2A096"); 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"); // 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: "route-layer", type: "line", source: "route", layout: { "line-cap": "round", visibility: view === "Metcoal" ? "visible" : "none" }, paint: { "line-color": "red", "line-opacity": 0.75, "line-width": 4.5, "line-blur": 0, "line-gradient": [ "interpolate", ["linear"], ["line-progress"], 0, "#A9A3F3", //Export color 1, "#000000" //Import color ] }, 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", "#009DA3", "gsp", "#8FBCBE", "ngs", "#8D8D8D", /* default */ "#8D8D8D" ], "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: 3.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"); //------------------------------------------------------------------------------- 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", "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("route-layer", [ "any", ["==", ["get", "import_id"], activePort], ["==", ["get", "export_id"], activePort] ]); //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("route-layer", [ "any", ["==", ["get", "import_id"], activePort], ["==", ["get", "export_id"], activePort] ]); //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("route-layer", [ "any", ["==", ["get", "import_id"], activePort], ["==", ["get", "export_id"], activePort] ]); map.flyTo({ center: [20, 0], zoom: 1.25, duration: 1000, curve: 1.5, essential: true }); }); 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", "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", "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; }31: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 } }; }) })32:[{"id":"b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","href":"https://static.observableusercontent.com/files/b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","name":"CoalMineIcon.png","type":"image/png","lastModified":1753172245384.526,"size":7925},{"id":"c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","href":"https://static.observableusercontent.com/files/c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","name":"Plume.png","type":"image/png","lastModified":1753172245384.526,"size":20215},{"id":"f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","href":"https://static.observableusercontent.com/files/f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","name":"Agriculture.png","type":"image/png","lastModified":1753172245384.526,"size":22289},{"id":"91dc4ab63b6e659d7661fcc813c0c25141f07e0c1731afccf951a5c0b7a3d26c917071b36d9a73102d78cbcee4745f7eada4f2b2b3174976dfb0fb4b3f8a0ba4","href":"https://static.observableusercontent.com/files/91dc4ab63b6e659d7661fcc813c0c25141f07e0c1731afccf951a5c0b7a3d26c917071b36d9a73102d78cbcee4745f7eada4f2b2b3174976dfb0fb4b3f8a0ba4","name":"Asset_NonOperated_Disclosed_GSP_3.png","type":"image/png","lastModified":1753173959809.52,"size":15801},{"id":"04f917dbf8da3064f10f0733b2e7da3b974ef582da1df82dabe82b97458a54a8cff066d90e508cb62928cd2df09301bd245771757be776fdb7e65da2fc744e5d","href":"https://static.observableusercontent.com/files/04f917dbf8da3064f10f0733b2e7da3b974ef582da1df82dabe82b97458a54a8cff066d90e508cb62928cd2df09301bd245771757be776fdb7e65da2fc744e5d","name":"Asset_Operated_Disclosed_NGS_3.png","type":"image/png","lastModified":1753173959790.207,"size":16728},{"id":"36120226c1a23d2640f650db7f7173a6c8a0c690f2a5ea5706f721d092479136f6da0e0c00b52be92718740dec359d0fa328accd8c63d97ef0d5e534bab1d5a6","href":"https://static.observableusercontent.com/files/36120226c1a23d2640f650db7f7173a6c8a0c690f2a5ea5706f721d092479136f6da0e0c00b52be92718740dec359d0fa328accd8c63d97ef0d5e534bab1d5a6","name":"Port legends@1.png","type":"image/png","lastModified":1753277284877.632,"size":5764},{"id":"4ad6f9b26fd63acc749af8b09fdf2cd930e885e462d985be6a2f45ae321c0de22af22159d3a8bcc49dea3978797b84ea440487d40bbe7d592992b0b05c9e1cae","href":"https://static.observableusercontent.com/files/4ad6f9b26fd63acc749af8b09fdf2cd930e885e462d985be6a2f45ae321c0de22af22159d3a8bcc49dea3978797b84ea440487d40bbe7d592992b0b05c9e1cae","name":"CoalLegends.png","type":"image/png","lastModified":1753277733701.772,"size":6650},{"id":"226ca3a37c7c0ebf5f2575ea7fdbff7b6f7c34721d1523675d4e91a89d559b275394cc457a4d9be05ae647918a69dc9b3c4c381d70fed1ec8dc3145020334b16","href":"https://static.observableusercontent.com/files/226ca3a37c7c0ebf5f2575ea7fdbff7b6f7c34721d1523675d4e91a89d559b275394cc457a4d9be05ae647918a69dc9b3c4c381d70fed1ec8dc3145020334b16","name":"Asset_Operated_Disclosed_GSP_3.png","type":"image/png","lastModified":1753173959789.307,"size":17529},{"id":"df0ae7028b30f6958a648e1b4b5957a3a85cb95a9dd5fffab692808b750d7422a6d10a67e0a49cb7068a1a52ffc1da1c0f14d907ace302436bf48aa17d32afa4","href":"https://static.observableusercontent.com/files/df0ae7028b30f6958a648e1b4b5957a3a85cb95a9dd5fffab692808b750d7422a6d10a67e0a49cb7068a1a52ffc1da1c0f14d907ace302436bf48aa17d32afa4","name":"Asset_Operated_NonDisclosed_GSP_3.png","type":"image/png","lastModified":1753173959771.312,"size":14126},{"id":"5a8133f52d55413e4e6773aca4c3821fc7fbd6afa81276f4b6ff3a60db223410b40898fc657219d9624ef1be91e6568c7b77a932684d81110fcc6b3c3d786eff","href":"https://static.observableusercontent.com/files/5a8133f52d55413e4e6773aca4c3821fc7fbd6afa81276f4b6ff3a60db223410b40898fc657219d9624ef1be91e6568c7b77a932684d81110fcc6b3c3d786eff","name":"Asset_Operated_NonDisclosed_GS_3.png","type":"image/png","lastModified":1753173959789.756,"size":14197},{"id":"345e3b8b71a89305cc1067f5641d74b727db03990bb95493f70a71262a535ee005babdfc06dd68775f0f7d00ef772723561dfd70dbd75ceab2b704196bbc1ab6","href":"https://static.observableusercontent.com/files/345e3b8b71a89305cc1067f5641d74b727db03990bb95493f70a71262a535ee005babdfc06dd68775f0f7d00ef772723561dfd70dbd75ceab2b704196bbc1ab6","name":"Asset_Operated_Disclosed_GS_3.png","type":"image/png","lastModified":1753173959982.513,"size":17920},{"id":"2e8230168e87401771e249e318bc1a28c7e2e6a3a3da21c85f7636bdd65de734dab39e668a054a7eb23f0a9d63760babc5777cd3894b114bc66d707c76afb34a","href":"https://static.observableusercontent.com/files/2e8230168e87401771e249e318bc1a28c7e2e6a3a3da21c85f7636bdd65de734dab39e668a054a7eb23f0a9d63760babc5777cd3894b114bc66d707c76afb34a","name":"Asset_NonOperated_NonDisclosed_GSP_3.png","type":"image/png","lastModified":1753173959783.387,"size":12127},{"id":"831a80ecd4388f0dd294710dfbb968ef9bfab7ba262b81d2fc9aab1d022c284b1cb27d6fd03186559e52b59fd007a237bf5e7896f464ae93adc6209addc2eef3","href":"https://static.observableusercontent.com/files/831a80ecd4388f0dd294710dfbb968ef9bfab7ba262b81d2fc9aab1d022c284b1cb27d6fd03186559e52b59fd007a237bf5e7896f464ae93adc6209addc2eef3","name":"Asset_NonOperated_NonDisclosed_NGS_3.png","type":"image/png","lastModified":1753173959782.304,"size":11758},{"id":"31a345c888552c7a92a8c2e76a6e4209b0eef6f4f5b5bce83e934814226efa65d9dc5bf3be92dedfccd37716f4b9b390b9136620707743699230ef3f8c2367e3","href":"https://static.observableusercontent.com/files/31a345c888552c7a92a8c2e76a6e4209b0eef6f4f5b5bce83e934814226efa65d9dc5bf3be92dedfccd37716f4b9b390b9136620707743699230ef3f8c2367e3","name":"Asset_NonOperated_Disclosed_NGS_3.png","type":"image/png","lastModified":1753173959787.824,"size":14972},{"id":"9a2431effc8bb6aba6a9107ab140a3e8216fb5a0b8babaec779dc547972f6444aba274b3c82e69b4a6c041550219183a221481c782e1c8b269b10bda25a59fba","href":"https://static.observableusercontent.com/files/9a2431effc8bb6aba6a9107ab140a3e8216fb5a0b8babaec779dc547972f6444aba274b3c82e69b4a6c041550219183a221481c782e1c8b269b10bda25a59fba","name":"Asset_Operated_NonDisclosed_NGS_3.png","type":"image/png","lastModified":1753173959798.089,"size":13794},{"id":"0a9f7076da67b080cd55de1534a636c991d1afd14fcdd7136c578c03c79aaaaf144b968b4a437fb876bf437ba6b35cb0e8ac6456586acb2d6a1bf2aa493d9795","href":"https://static.observableusercontent.com/files/0a9f7076da67b080cd55de1534a636c991d1afd14fcdd7136c578c03c79aaaaf144b968b4a437fb876bf437ba6b35cb0e8ac6456586acb2d6a1bf2aa493d9795","name":"Asset_NonOperated_Disclosed_GS_3.png","type":"image/png","lastModified":1753173959771.957,"size":16147},{"id":"25d932de6885bfc9a767fdc303886e63f8bb74d9fbcbc526178624daab13e5ac6c41da9303d24d0ac6a6a7482faf1ae358891a368069cb7733f157a4fa521147","href":"https://static.observableusercontent.com/files/25d932de6885bfc9a767fdc303886e63f8bb74d9fbcbc526178624daab13e5ac6c41da9303d24d0ac6a6a7482faf1ae358891a368069cb7733f157a4fa521147","name":"Asset_NonOperated_NonDisclosed_GS_3.png","type":"image/png","lastModified":1753173959799.007,"size":11920},{"id":"f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","href":"https://static.observableusercontent.com/files/f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","name":"Waste.png","type":"image/png","lastModified":1753172245384.526,"size":21722},{"id":"9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","href":"https://static.observableusercontent.com/files/9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","name":"CompressorStation.png","type":"image/png","lastModified":1753172245384.526,"size":20998},{"id":"009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","href":"https://static.observableusercontent.com/files/009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","name":"OilRig.png","type":"image/png","lastModified":1753172245384.526,"size":21698},{"id":"6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","href":"https://static.observableusercontent.com/files/6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","name":"Hotspot.png","type":"image/png","lastModified":1753172245384.526,"size":21122},{"id":"11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","href":"https://static.observableusercontent.com/files/11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","name":"Pipeline.png","type":"image/png","lastModified":1753172245384.526,"size":21886},{"id":"d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","href":"https://static.observableusercontent.com/files/d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","name":"StoryIcon.png","type":"image/png","lastModified":1753172245384.526,"size":22238},{"id":"ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","href":"https://static.observableusercontent.com/files/ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","name":"AssetCluster.png","type":"image/png","lastModified":1753172245384.526,"size":20624},{"id":"5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","href":"https://static.observableusercontent.com/files/5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","name":"SteelPlantIcon.png","type":"image/png","lastModified":1753172245384.526,"size":8998},{"id":"80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","href":"https://static.observableusercontent.com/files/80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","name":"Port2.png","type":"image/png","lastModified":1753172245384.526,"size":9103},{"id":"44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","href":"https://static.observableusercontent.com/files/44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","name":"Study3.png","type":"image/png","lastModified":1753172245384.526,"size":4580}] 2d:{"title":"Tier 3 Update | July 25th, 2025","cells":[{"id":0,"value":"# Tier 3 Update | July 25th, 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], { label: \"Weight\", step: 1, value: 40 })","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: \"Eye on Methane: \",\n value: \"Global\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1818,"value":"viewof colorScale = Inputs.radio(\n [\"Dark blue\", \"Light blue\", \"Cold 1\", \"Warm 1\", \"Warm 2\"],\n {\n label: \"Select a color scale:\",\n value: \"Warm 2\"\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":2264,"value":"portLegends1 = FileAttachment(\"Port legends@1.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2267,"value":"coallegends = FileAttachment(\"CoalLegends.png\").image()","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":1778,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":2119,"value":"palettes = ({\n \"Dark blue\": [\"#CDD8F5\", \"#3B5FC0\"],\n \"Light blue\": [\"#96FBFF\", \"#7ae7f5\", \"#2caad4\", \"#1E7F9F\"],\n \"Cold 1\": [\"#A4CC90\", \"#5FA990\", \"#33848D\", \"#1E5D86\", \"#2C3172\"],\n \"Warm 1\": [\"#FFA424\", \"#FF0000\", \"#282828\"],\n \"Warm 2\": [\"#ffa600\", \"#ff6361\", \"#bc5090\", \"#58508d\", \"#003f5c\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":485,"value":"$30","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":2180,"value":"vOffset = -60","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_3.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1903,"value":"assetNonOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GS_3.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1905,"value":"assetOperatedDisclosedIcon = FileAttachment(\n \"Asset_Operated_Disclosed_GS_3.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1907,"value":"assetOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_Operated_NonDisclosed_GS_3.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_3.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1946,"value":"a_o_d_gsp_icon = FileAttachment(\"Asset_Operated_Disclosed_GSP_3.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1949,"value":"a_no_nd_gsp_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GSP_3.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1952,"value":"a_no_d_gsp_icon = FileAttachment(\"Asset_NonOperated_Disclosed_GSP_3.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_3.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1965,"value":"a_o_d_ngs_icon = FileAttachment(\"Asset_Operated_Disclosed_NGS_3.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1968,"value":"a_no_nd_ngs_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_NGS_3.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1971,"value":"a_no_d_ngs_icon = FileAttachment(\"Asset_NonOperated_Disclosed_NGS_3.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":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":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":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":"$31","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]\n coordinates: [d.min_lon, d.max_lat]\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: portRoutes.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 tooltip:\n \"Trade route from \" +\n pr.export_port +\n \", \" +\n pr.country_origin +\n \" to \" +\n pr.import_port +\n \", \" +\n pr.country_destination\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 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.ch4_fluxrate ? 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":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} 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":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":"$W32","stdlib":"1","titling":"auto"}