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:T4e55,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 = ""; 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: 20, 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, "#0C96DC", 1, "#A1F7FF" ] }, "line-offset": 200, 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": 5, "line-blur": 0, "line-offset": 10, "line-gradient": [ "interpolate", ["linear"], ["line-progress"], 0, "#55524E", 1, "#8E3238" ] }, 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, -50], visibility: view === "Metcoal" ? "visible" : "none" } }); map.addLayer({ id: "study-points", type: "symbol", source: "studies", minzoom: 4, layout: { "icon-image": "icon-study", "icon-size": iconSize, "icon-allow-overlap": true, "icon-offset": [0, -50], 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, -50] } }); 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, -50], 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, -50], 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, -50], visibility: view === "Metcoal" ? "visible" : view === "Global" ? "visible" : "none" } }); map.addLayer({ id: "story-points", type: "symbol", source: "stories", 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.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" ], (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; map.setFilter("steel-coal-route-layer", [ "==", ["get", "plant_id"], activePlant ]); }); 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; map.setFilter("steel-coal-route-layer", [ "==", ["get", "mine_id"], activeMine ]); }); 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; 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" ], (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" ], () => { 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":"44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","href":"https://static.observableusercontent.com/files/44a8a2a84aefdf02054d4187caf7930dd5efee73019e70c71e112846261c99540e81726851464099e2da672c8a035895f1cc944896e8af3b61321f3a68a34d8b","name":"Study3.png","type":"image/png","lastModified":1752746768829.846,"size":4580},{"id":"80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","href":"https://static.observableusercontent.com/files/80259e53875c5e3988a2219102ce6d3a26c8b6d0ce202a38b963e3f6e746497a9a7b394fb217a2cc94387d1ea45971f3f34027ed5425294af98edeb136e7e8dd","name":"Port2.png","type":"image/png","lastModified":1752746896009.491,"size":9103},{"id":"b95e3124c454bf4879be2f2b74cb9eca5d5f573aad2121cd4d2e2afa58dad2966e7a41358613dde85e309ea3d7caea158ad9e9d5d4170f83ed4957b3eb22833b","href":"https://static.observableusercontent.com/files/b95e3124c454bf4879be2f2b74cb9eca5d5f573aad2121cd4d2e2afa58dad2966e7a41358613dde85e309ea3d7caea158ad9e9d5d4170f83ed4957b3eb22833b","name":"Asset_NonOperated_NonDisclosed_GS.png","type":"image/png","lastModified":1752747675304.891,"size":8668},{"id":"6201b9df94f743f0a03973ea89d407e4fdea336004f1ba60eae5306a093b6ca361e9aabbf23c3f55c160aaaec8ea181a7d56b716b72be44e483c2cb8fcfc21a8","href":"https://static.observableusercontent.com/files/6201b9df94f743f0a03973ea89d407e4fdea336004f1ba60eae5306a093b6ca361e9aabbf23c3f55c160aaaec8ea181a7d56b716b72be44e483c2cb8fcfc21a8","name":"Asset_NonOperated_Disclosed_GS.png","type":"image/png","lastModified":1752747675309.482,"size":10444},{"id":"9935087b8e835a9a1c0e23965159d3280146bff6e323731509a9e993d8af624d2f5d1a5d3eb3457c7e615dcef8b02e8a7ee2281d7902dc3f3a54754474d6c3d7","href":"https://static.observableusercontent.com/files/9935087b8e835a9a1c0e23965159d3280146bff6e323731509a9e993d8af624d2f5d1a5d3eb3457c7e615dcef8b02e8a7ee2281d7902dc3f3a54754474d6c3d7","name":"Asset_NonOperated_Disclosed_GSP@1.png","type":"image/png","lastModified":1752747675317.669,"size":10306},{"id":"3e5eb9c433fed6dc64e9835377e0fd6412818143382e298b0b5fde074378033f7330d97f167ab63710aef84748c1fffe9e8d56073ec5a0e5bfc2408169820b22","href":"https://static.observableusercontent.com/files/3e5eb9c433fed6dc64e9835377e0fd6412818143382e298b0b5fde074378033f7330d97f167ab63710aef84748c1fffe9e8d56073ec5a0e5bfc2408169820b22","name":"Asset_NonOperated_NonDisclosed_GSP@1.png","type":"image/png","lastModified":1752747675307.712,"size":8706},{"id":"d9684d1a3e3024f2445e65a0bf6f040b4b646fde2b156e9ecf09a6c1ce0d7b8654cbd02a5c6816b896d76312dcb37771577b64f16906023ea59adfa596be73a5","href":"https://static.observableusercontent.com/files/d9684d1a3e3024f2445e65a0bf6f040b4b646fde2b156e9ecf09a6c1ce0d7b8654cbd02a5c6816b896d76312dcb37771577b64f16906023ea59adfa596be73a5","name":"Asset_NonOperated_NonDisclosed_NGS@1.png","type":"image/png","lastModified":1752747675315.745,"size":8704},{"id":"339b3107e716d88f6e5e11445ebafeb9ee1b95bcfc7ddaffea2d7a8060d6c1e2ab362c4a1e61146ed3360b1402ae78129b1ed7ca099afbd883a3b1fdcaa23ce0","href":"https://static.observableusercontent.com/files/339b3107e716d88f6e5e11445ebafeb9ee1b95bcfc7ddaffea2d7a8060d6c1e2ab362c4a1e61146ed3360b1402ae78129b1ed7ca099afbd883a3b1fdcaa23ce0","name":"Asset_NonOperated_Disclosed_NGS@1.png","type":"image/png","lastModified":1752747675318.755,"size":10042},{"id":"cc501a40fca5d603bb01f80632d8f207ea93c352aa04b55b4c7926af0eae886392941e3fd73aa0dbb4b56e16431b252410a8825406b37f99b9bfbf2384b34de7","href":"https://static.observableusercontent.com/files/cc501a40fca5d603bb01f80632d8f207ea93c352aa04b55b4c7926af0eae886392941e3fd73aa0dbb4b56e16431b252410a8825406b37f99b9bfbf2384b34de7","name":"Asset_NonOperated_NonDisclosed_GSP.png","type":"image/png","lastModified":1752647710515.505,"size":9947},{"id":"2c8ad9a0bfa29e828ee0ef30525adc21d4c25e9ddbf84aec5b14da2b640eb0fa42818eb9be1b9928db821d086bb738dfef46edf9a0ebecac6cd4319985cc9b95","href":"https://static.observableusercontent.com/files/2c8ad9a0bfa29e828ee0ef30525adc21d4c25e9ddbf84aec5b14da2b640eb0fa42818eb9be1b9928db821d086bb738dfef46edf9a0ebecac6cd4319985cc9b95","name":"Asset_NonOperated_NonDisclosed_NGS.png","type":"image/png","lastModified":1752647710516.862,"size":9766},{"id":"914924f92ec273c657ebac05ec583816514b2cbecdfa400bbda58d4f918a219d348771df5fe9283941305e9238718d4f411971235f992ed8022d1b044ef7c27e","href":"https://static.observableusercontent.com/files/914924f92ec273c657ebac05ec583816514b2cbecdfa400bbda58d4f918a219d348771df5fe9283941305e9238718d4f411971235f992ed8022d1b044ef7c27e","name":"Asset_Operated_NonDisclosed_GSP.png","type":"image/png","lastModified":1752647710521.368,"size":7298},{"id":"597e8a01aea0bf502cb58a0d1700a29258eefdb6745b1dca9732827bab2f049f44572e9e2b40708f74d9bb6b470c1dc7459f269b5ba5208aaf1303d9cf76c4a5","href":"https://static.observableusercontent.com/files/597e8a01aea0bf502cb58a0d1700a29258eefdb6745b1dca9732827bab2f049f44572e9e2b40708f74d9bb6b470c1dc7459f269b5ba5208aaf1303d9cf76c4a5","name":"Asset_Operated_NonDisclosed_NGS.png","type":"image/png","lastModified":1752647710521.372,"size":7137},{"id":"11635935cfd3f6b7b92e8dfb8daea60e04e105f3156f3956f401c20b2199fc18a44241e4425f2ae987268d479cf10f6b12f28f6dfc9ee9e5c5453071a651b939","href":"https://static.observableusercontent.com/files/11635935cfd3f6b7b92e8dfb8daea60e04e105f3156f3956f401c20b2199fc18a44241e4425f2ae987268d479cf10f6b12f28f6dfc9ee9e5c5453071a651b939","name":"Asset_Operated_Disclosed_GSP.png","type":"image/png","lastModified":1752647710523.098,"size":9060},{"id":"a0a6e323d6658a8101108aea83388fde81c9f68fe3098297ad3e60be463dcfed3bc447208aaf3dc48cfdfb1991777c5719b9c1943a1097f42ef80cd41302989e","href":"https://static.observableusercontent.com/files/a0a6e323d6658a8101108aea83388fde81c9f68fe3098297ad3e60be463dcfed3bc447208aaf3dc48cfdfb1991777c5719b9c1943a1097f42ef80cd41302989e","name":"Asset_NonOperated_Disclosed_NGS.png","type":"image/png","lastModified":1752647710514.109,"size":11649},{"id":"fd236633c1372883528bcde95e23fcdf06215b3859a074a6a224ed3ea641f52aa4bbf2031b67399154dc7e4b6ec739b8c9da3336f571329b513c66464c2bb3cf","href":"https://static.observableusercontent.com/files/fd236633c1372883528bcde95e23fcdf06215b3859a074a6a224ed3ea641f52aa4bbf2031b67399154dc7e4b6ec739b8c9da3336f571329b513c66464c2bb3cf","name":"Asset_Operated_Disclosed_NGS.png","type":"image/png","lastModified":1752647710531.379,"size":8734},{"id":"ed944afce5bf9f6af702edf361810827f85312f7432093dc4a8dfae1fef80696f77cbcb52ad5d63a7ad63686a1dba14f6383f6d4d6a8da6b87bac43d58ba73a4","href":"https://static.observableusercontent.com/files/ed944afce5bf9f6af702edf361810827f85312f7432093dc4a8dfae1fef80696f77cbcb52ad5d63a7ad63686a1dba14f6383f6d4d6a8da6b87bac43d58ba73a4","name":"Asset_NonOperated_Disclosed_GSP.png","type":"image/png","lastModified":1752647710528.66,"size":12129},{"id":"b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","href":"https://static.observableusercontent.com/files/b6890f1320d6ce6d32d14d3d33130409d9d26cd6ad33145c18f9a84e85e2ea2df7fcb874e7129545c70986c1028d3c30c5bec22751b562f3de6018a2a0a40e2a","name":"CoalMineIcon.png","type":"image/png","lastModified":1752650535318.23,"size":7925},{"id":"5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","href":"https://static.observableusercontent.com/files/5ebbf68484a881c74b9125f14ebedac2c69388ca3d6e607f6ab09ed327dc6c7ed511882861f145054f37c7d108c3a417b9d5230bb92296028e483b0c083ba3cd","name":"SteelPlantIcon.png","type":"image/png","lastModified":1752650535311.799,"size":8998},{"id":"7dd2c9335b37c1e5cbde7beb7fbbc1440d40fb672c7bf1cdbbe90a4b828fdff4f09a4d88a864f3ebf8a82f9fc5f62a28db8642d15889a332bce192deab0e7a12","href":"https://static.observableusercontent.com/files/7dd2c9335b37c1e5cbde7beb7fbbc1440d40fb672c7bf1cdbbe90a4b828fdff4f09a4d88a864f3ebf8a82f9fc5f62a28db8642d15889a332bce192deab0e7a12","name":"Study2.png","type":"image/png","lastModified":1752651620379.9,"size":4544},{"id":"0e80ca9cac0731445e3c5b05a31c8a4185165866d8d1e578a643deab616ac033a956521a5e190b82dac6bc1290d7a4614abdc868a6100c72ee0c0401a825dd96","href":"https://static.observableusercontent.com/files/0e80ca9cac0731445e3c5b05a31c8a4185165866d8d1e578a643deab616ac033a956521a5e190b82dac6bc1290d7a4614abdc868a6100c72ee0c0401a825dd96","name":"Study.png","type":"image/png","lastModified":1752570033576.663,"size":5578},{"id":"c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","href":"https://static.observableusercontent.com/files/c98048c110a754043e851fc8cfa614ab50ce9319d628125578afeb38be91c20989a2cb525ef51c97840a6a2d186c2ddbbdb8b940355b2ab1500e02869594e9ca","name":"Plume.png","type":"image/png","lastModified":1752570033576.663,"size":20215},{"id":"ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","href":"https://static.observableusercontent.com/files/ec5c9c5961681b3e436d8fe9fb57d7ba3199050cb7089371cde2a22263d915f85066bb3346e9e163f3c4147030bc7a7a73b60ff6b4355b4574267332d412cede","name":"AssetCluster.png","type":"image/png","lastModified":1752570033576.663,"size":20624},{"id":"d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","href":"https://static.observableusercontent.com/files/d3fb7612a1de28f200eb733e1010b63001bd0432a9a556a1a45e2c78d7939a2ac04d56fdddd88858ebd71b543d5d1e432370cd96012a0e0015a503b1d22aa822","name":"StoryIcon.png","type":"image/png","lastModified":1752570033576.663,"size":22238},{"id":"abb2f4a2082f7d77e8a58a6f8e9bb3a009a36abada1a4a2cfe9f5c990032be7bec95ce44492a7d24386dcb6495b15715ef3e136635ed9e90d258e12b433034a8","href":"https://static.observableusercontent.com/files/abb2f4a2082f7d77e8a58a6f8e9bb3a009a36abada1a4a2cfe9f5c990032be7bec95ce44492a7d24386dcb6495b15715ef3e136635ed9e90d258e12b433034a8","name":"port.png","type":"image/png","lastModified":1752570033576.663,"size":21408},{"id":"11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","href":"https://static.observableusercontent.com/files/11562b82cdc5787407f1b4f4ff16b0e765ebb4f41715e6437576d88ae7f88b4f811c05013cc2770423a782a75bfff7d04cb8d01ad9a919c5c0a9d878649556f8","name":"Pipeline.png","type":"image/png","lastModified":1752570033576.663,"size":21886},{"id":"6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","href":"https://static.observableusercontent.com/files/6d6b4545752e0efd4c756555a70cbe299c4cb162f63a142f8c7e6a76c2b6c5ae63ce5ab3ec6d0787e3277a534ae88f35cdec86aae06415bd4ef91ae645667e46","name":"Hotspot.png","type":"image/png","lastModified":1752570033576.663,"size":21122},{"id":"009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","href":"https://static.observableusercontent.com/files/009c2039c73aa81cc4f75dc9dc84096149bf636752b256224ef09852ec152167cb7a3e5c00660711f0961b6fb077fdcbf83d2a631c9662b5055aab42878389f6","name":"OilRig.png","type":"image/png","lastModified":1752570033576.663,"size":21698},{"id":"9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","href":"https://static.observableusercontent.com/files/9210071a5608bfc89784a45bb60ae6d448fce1372b3b497b58cd74aa5689f97e0c86e327788a436761fa6008c242703a2c0e3125b30225166d6674d012aa89ca","name":"CompressorStation.png","type":"image/png","lastModified":1752570033576.663,"size":20998},{"id":"f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","href":"https://static.observableusercontent.com/files/f943379f4ec59b34db2998a44db35647ce5893755e24020a35c7867478340862758426ce9d96715705019f34afc118a2fef76596352794cc92a7e79b774d5e2f","name":"Waste.png","type":"image/png","lastModified":1752570033576.663,"size":21722},{"id":"f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","href":"https://static.observableusercontent.com/files/f1bfcae34be2098e9866b37b7cdaa76f674c036eaeaa3f53d4eeeef15b68f2598ae8fc740207072c7daad63c9634981cc74e0c883c19f2af26344edcb8ecc6b6","name":"Agriculture.png","type":"image/png","lastModified":1752570033576.663,"size":22289},{"id":"d594be3c969390b161b2dec223a25aad68d55454f71a3ed4a5442edf7817d762e8696e7eb1c6701353ad688da3dd12eab16e7bc37bbda9f49733288e686941fe","href":"https://static.observableusercontent.com/files/d594be3c969390b161b2dec223a25aad68d55454f71a3ed4a5442edf7817d762e8696e7eb1c6701353ad688da3dd12eab16e7bc37bbda9f49733288e686941fe","name":"Asset_Operated_NonDisclosed.png","type":"image/png","lastModified":1752582573949.333,"size":7395},{"id":"d860aca62e9b6259550e100eb507a0cf608e199ca9839577b3a078ba4ef1a72f864a66f78700d3c71312c8f187d32c007844bb79bc817cc0c9e2cea617f64ede","href":"https://static.observableusercontent.com/files/d860aca62e9b6259550e100eb507a0cf608e199ca9839577b3a078ba4ef1a72f864a66f78700d3c71312c8f187d32c007844bb79bc817cc0c9e2cea617f64ede","name":"Asset_Operated_Disclosed.png","type":"image/png","lastModified":1752582573953.038,"size":9302},{"id":"fbbbe4d2a072aa67fa22cd62a01c4e0d94cbbcdabc50cc5a9616556dc7f857db138777d04f5c791f98fd94762f8b19bc60b3075eb4d46c19fcc0c7bfec5a03cc","href":"https://static.observableusercontent.com/files/fbbbe4d2a072aa67fa22cd62a01c4e0d94cbbcdabc50cc5a9616556dc7f857db138777d04f5c791f98fd94762f8b19bc60b3075eb4d46c19fcc0c7bfec5a03cc","name":"Asset_NonOperated_NonDisclosed.png","type":"image/png","lastModified":1752582573953.998,"size":10016},{"id":"7828c5e060dd47ae5e13075b696c806b75a52c28c670662f1e7e7853d2d41b7eab052d31d82aa97f8a5390f46e1bfb8c745e967fa644b5af96d66b54df82c1b4","href":"https://static.observableusercontent.com/files/7828c5e060dd47ae5e13075b696c806b75a52c28c670662f1e7e7853d2d41b7eab052d31d82aa97f8a5390f46e1bfb8c745e967fa644b5af96d66b54df82c1b4","name":"Asset_NonOperated_Disclosed.png","type":"image/png","lastModified":1752582573969.25,"size":12363}] 2d:{"title":"Color scale proposals | July 16th, 2025","cells":[{"id":0,"value":"# Color scale proposals | July 16th, 2025","pinned":false,"hidden":false,"mode":"md"},{"id":1697,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1826,"value":"### Dark blue (single-hue)","pinned":false,"hidden":false,"mode":"md"},{"id":1821,"value":"Plot.plot({\n width: 300,\n height: 30,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: [\"#CDD8F5\", \"#3B5FC0\"],\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})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2092,"value":"### Light blue (single-hue)","pinned":false,"hidden":false,"mode":"md"},{"id":2089,"value":"Plot.plot({\n width: 300,\n height: 30,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: [\"#96FBFF\", \"#7ae7f5\", \"#2caad4\", \"#1E7F9F\"],\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})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1845,"value":"### Cold 1","pinned":false,"hidden":false,"mode":"md"},{"id":1842,"value":"Plot.plot({\n width: 300,\n height: 30,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: [\"#A4CC90\", \"#5FA990\", \"#33848D\", \"#1E5D86\", \"#2C3172\"],\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})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1879,"value":"### Warm 1","pinned":false,"hidden":false,"mode":"md"},{"id":1855,"value":"Plot.plot({\n width: 300,\n height: 30,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: [\"#FFA424\", \"#FF0000\", \"#282828\"],\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})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1887,"value":"### Warm 2","pinned":false,"hidden":false,"mode":"md"},{"id":2070,"value":"Plot.plot({\n width: 300,\n height: 30,\n margin: 0,\n color: {\n type: \"linear\",\n domain: [0, 1],\n range: [\"#ffa600\", \"#ff6361\", \"#bc5090\", \"#58508d\", \"#003f5c\"],\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})","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":1989,"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: \"Only sources\"\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":950,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"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: \"Cold 1\"\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":1778,"value":"$2f","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":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.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1903,"value":"assetNonOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GS.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1905,"value":"assetOperatedDisclosedIcon = FileAttachment(\n \"Asset_Operated_Disclosed.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1907,"value":"assetOperatedNonDisclosedIcon = FileAttachment(\n \"Asset_Operated_NonDisclosed.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.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1946,"value":"a_o_d_gsp_icon = FileAttachment(\"Asset_Operated_Disclosed_GSP.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1949,"value":"a_no_nd_gsp_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_GSP@1.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1952,"value":"a_no_d_gsp_icon = FileAttachment(\"Asset_NonOperated_Disclosed_GSP@1.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.png\").url()\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1965,"value":"a_o_d_ngs_icon = FileAttachment(\"Asset_Operated_Disclosed_NGS.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1968,"value":"a_no_nd_ngs_icon = FileAttachment(\n \"Asset_NonOperated_NonDisclosed_NGS@1.png\"\n).url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1971,"value":"a_no_d_ngs_icon = FileAttachment(\"Asset_NonOperated_Disclosed_NGS@1.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":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:\n \"Coal mine / Steel plant route from \" +\n coalMine.name +\n \" to \" +\n 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"}