25:["$","title",null,{"children":"Untitled | Emily | Observable"}] 4b:Te01,{ const container = yield htl.html`

`; const map = L.map(container); const lightGrey = L.tileLayer( "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}", {attribution: "Esri"}); const osm = L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {attribution: "© OpenStreetMap contributors"}); lightGrey.addTo(map); const legend = L.control({ position: 'bottomright' }); // Add data centres to the map const dataCentres = L.geoJSON(datacentres, { fillColor: "red", fillOpacity: 1, color: "red", weight: 1, onEachFeature: onEachFeature }); // Style the tooltip function onEachFeature(feature, layer) { if (feature.properties && feature.properties.name !== undefined) { layer.bindTooltip( `${feature.properties.name}
Developer: ${feature.properties["devs etc"]}
Capacity: ${feature.properties.mw || "TBD"}`,{ permanent: false, direction: "top", sticky: true }); } } // Add data centre centroids to the map // const datacentreCentroids = L.geoJSON(centroids, { // pointToLayer: (feature, latlng) => // L.circleMarker(latlng, { // radius: (Math.sqrt(feature.properties.mw)), // color: "pink", // weight: 0, // fillColor: "pink", // fillOpacity: 0.5 // }) // }); // polygon colours const paCols = { "SPA": "#1E3A8A", "SAC": "#4F46E5", "SSSI": "#3B82F6", "Ramsar": "#60D5FB", "NNR": "#A9D6F5" }; function stylePAs(feature) { const type = feature.properties?.["PA_TYPE"]; return { fillColor: paCols[type] || "#999999", color: "#000000", weight: 0, opacity: 0.8, fillOpacity: 0.8, }; } // Add protected areas const pas = L.geoJSON(pafeatures, { style: stylePAs, onEachFeature: (f, layer) => { const p = f.properties || {}; layer.bindTooltip(`${p["NAME"] ?? "Protected area"}
Type: ${p["PA_TYPE"] ?? ""}`, { sticky: true }); } }); // Add base + overlay layers dataCentres.addTo(map); // datacentreCentroids.addTo(map); pas.addTo(map); // map view map.setView([56.3, -3.5], 7); const baseMaps = { "Light grey": lightGrey, "OpenStreetMap": osm }; const overlays = { "Protected areas": pas, "Data centres": dataCentres, // "centroids": datacentreCentroids }; // Diagnostic: shows which entry isn't a real layer for (const [k, v] of [...Object.entries(baseMaps), ...Object.entries(overlays)]) { if (!(v instanceof L.Layer)) console.warn("Not a Leaflet layer:", k, v); } const layerControl = L.control.layers(baseMaps, overlays, { position: "topright", collapsed: false }) layerControl.addTo(map); // protected area legend const paLegend = L.control({ position: "bottomright" }); paLegend.onAdd = function () { const div = L.DomUtil.create('div', 'info legend'); div.style.background = "white"; div.style.padding = "10px"; div.style.borderRadius = "5px"; div.style.boxShadow = "0 0 10px rgba(0,0,0,0.2)"; div.style.fontSize = "12px"; div.innerHTML += `Protected Area Type
`; for (const [status, color] of Object.entries(paCols)) { div.innerHTML += `

${status}

`; } return div; }; paLegend.addTo(map); }4c:[{"id":"41a90c9ed355a3a1ada768f4f125e43fb54a1bc7f024afea9f2fbe55f8bbe3c99ac83b42e5809e6002e30a6d5e61d6402bc7d7ac26b95b59f234bb091fb2d9c7","href":"https://static.observableusercontent.com/files/41a90c9ed355a3a1ada768f4f125e43fb54a1bc7f024afea9f2fbe55f8bbe3c99ac83b42e5809e6002e30a6d5e61d6402bc7d7ac26b95b59f234bb091fb2d9c7","name":"DataCentresOct2026EPSG4326.geojson","type":"application/octet-stream","lastModified":1794227094812,"size":70044},{"id":"280ee07aa8fdb4af2d6c25659223ad1a51bf603850c68a490583fea3b34dd39b5ab4b3dde0fe3aad76ca6ecb0a2091438c682b7eaf1bc8bd51f675329f49e749","href":"https://static.observableusercontent.com/files/280ee07aa8fdb4af2d6c25659223ad1a51bf603850c68a490583fea3b34dd39b5ab4b3dde0fe3aad76ca6ecb0a2091438c682b7eaf1bc8bd51f675329f49e749","name":"CentroidsEPSG4326.geojson","type":"application/octet-stream","lastModified":1794227147200,"size":4962},{"id":"f550e65018611be9fa2389e0522cd2cf958dc7c2a17f76901e569a34625c5ed2b414b13a83c39762c6f782fe034aff55467120ef9e1dc3acb5d4329993e885b1","href":"https://static.observableusercontent.com/files/f550e65018611be9fa2389e0522cd2cf958dc7c2a17f76901e569a34625c5ed2b414b13a83c39762c6f782fe034aff55467120ef9e1dc3acb5d4329993e885b1","name":"30x30reduced.json","type":"application/json","lastModified":1794252116935,"size":9417749}] 47:{"id":"80fe76f61cd22255","slug":"scotlanddatacentres","title":"Untitled","thumbnail":"722d27d9732677bd6ab834fa4b924ad85af41d3e6bca7ecd67825282ce3b6afb","access_level":"public","create_time":"$D2026-11-09T11:59:47.194Z","update_time":"$D2026-11-11T16:15:48.761Z","view_time":null,"first_public_time":"$D2026-11-11T16:16:23.695Z","has_unpublished_edits":null,"fork":{"id":"b0de710cade025db","slug":null,"title":"Modelling the Artificial Reef Effect","owner":{"id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b3cf75d4339ae8dc","login":"emhazel","name":"Emily","avatar_url":"https://avatars-next.observableusercontent.com/8d38c2e6bb27c989704dbd088150b3d9773f0195d410f3359b14f0a9ea22e5b8","tier":"free_2026","bio":"","followed_by_you":false,"follows_you":false},"version":1146,"publish_version":1146,"role":null,"authored":false,"authors":[{"type":"individual","id":"223b6894920b982a","login":"emhazel","name":"Emily","avatar_url":"https://avatars-next.observableusercontent.com/8d38c2e6bb27c989704dbd088150b3d9773f0195d410f3359b14f0a9ea22e5b8","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"b3cf75d4339ae8dc","login":"emhazel","name":"Emily","avatar_url":"https://avatars-next.observableusercontent.com/8d38c2e6bb27c989704dbd088150b3d9773f0195d410f3359b14f0a9ea22e5b8","tier":"free_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Untitled","cells":[{"id":909,"value":"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"# Scotland's AI Data Centres","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":908,"value":"Scotland has many hyperscale AI data centres in planning at the moment. Use this interactive map to zoom in and out on them and compare them to statutory protected areas. Change the background map to view their size compared to urban areas.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":133,"value":"datacentres = FileAttachment(\"DataCentresOct2026EPSG4326.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"centroids = FileAttachment(\"CentroidsEPSG4326.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"protectedareas = FileAttachment(\"30x30reduced.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"pafeatures = topojson.feature(protectedareas, protectedareas.objects[Object.keys(protectedareas.objects)[0]])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"2"}} 24:null