2c:null 2d:["$","title",null,{"children":"Huellas de la minería en el norte de La Paz | Mauricio Foronda | Observable"}] 32:T536,header = htl.html`

Huellas de la Minería en el norte de La Paz

dentro y fuera de áreas protegidas

`33:Tb21,viewof mapa = { const w = width <= 500 ? width * .95 : 384 const h = (w / 384) * 373 const bounds = [ [-70.645007, -23.898274], [-56.453, -8.668944] ] let container = html`

` let resolve let videoContainer = html`` let video = html`

` let areaLabel = html`

` videoContainer.appendChild(video) videoContainer.appendChild(areaLabel) let viewer = html`

` viewer.value = new Promise(_ => resolve = _) viewer.appendChild(container) viewer.appendChild(videoContainer) yield viewer let onDisplay = null const map = (container.value = new maplibregl.Map({ boxZoom: true, pitch: 0, bearing: 0, container, center: [-68.5, -14.7], zoom: 8, maxZoom: 15, style: { version: 8, sources: { basemap: basemap.source, areas_protegidas: areas_protegidas.source, scenes: scenes.source, labels: labels.source }, layers: [ basemap.layer, areas_protegidas.layer, scenes.layer, labels.layer ] }, scrollZoom: true, maxBounds: bounds })) map.on('load', () => { }) const mouseenter = () => { map.getCanvas().style.cursor = "pointer" } const mousedown = (e) => { if (e.features.length > 0) { const scene = e.features[0] videoContainer.style.display = 'block' video.src = `https://raw.githubusercontent.com/mauforonda/huellas-de-la-mineria/main/${scene.properties.filename}` if (scene.properties.area_protegida != '') { areaLabel.style.display = 'block' areaLabel.innerText = scene.properties.area_protegida } else { areaLabel.style.display = 'none' } video.load() if (onDisplay) { map.setFeatureState( {source: 'scenes', id: onDisplay}, {clicked: false} ) } onDisplay = scene.id map.setFeatureState( {source: 'scenes', id: onDisplay}, {clicked: true} ) } } const mouseleave = function() { map.getCanvas().style.cursor = ""; } map.on("mouseenter", 'scenes-layer', mouseenter); map.on("mouseleave", 'scenes-layer', mouseleave); map.on("mousedown", 'scenes-layer', mousedown); resolve(map) }34:T5b3,{ return html`

metodología

Construyo un panel interactivo desde donde exploro imágenes satelitales en busca de regiones donde la minería parece haber tenido un impacto visible en los últimos 7 años. Tomo pistas de reportes publicados por CEDIB, Mongabay, Revista La Brava y otros. Suelo guiarme por ríos y caminos que veo aparecer en este periodo. Y cuando encuentro algo interesante: tomo una captura. El resultado son 122 animaciones de cambios en la superficie entre 2016 y 2023.

El repositorio en Github con el código y animaciones.
Una vista más amigable del código.

`; }35:[] 30:{"id":"fe2e2af5325ca7ec","slug":"huellas-de-la-mineria-en-el-norte-de-la-paz","title":"Huellas de la minería en el norte de La Paz","thumbnail":"8bc62e6eb46ee5b7df11ddcdb9301f12a43cfee777951d6702fbc6ab6c8aab45","access_level":"public","create_time":"$D2023-11-08T11:23:04.993Z","update_time":"$D2023-11-08T18:55:40.176Z","view_time":null,"first_public_time":"$D2023-11-08T11:23:04.993Z","fork":{"id":"dc28db4404acc959","slug":"escenas-de-deforestacion","title":"Escenas de Deforestación","owner":{"id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda"}},"stars":1,"starred":false,"owner":{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024"},"version":1020,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null}],"members":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"d9392cefad8a061b","slug":"datos-abiertos-del-gobierno-boliviano","title":"Datos abiertos en Bolivia","owner":{"id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda"}},"type":"notebook","body":{"title":"Huellas de la minería en el norte de La Paz","cells":[{"id":132,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":791,"value":"basemap = ({\n source: {\n type: 'raster',\n tiles: [\n 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'\n ],\n tileSize: 256\n },\n layer: {\n id: 'basemap-tiles',\n type: 'raster',\n source: 'basemap',\n paint: {\n \"raster-opacity\": 1.,\n \"raster-contrast\": .2,\n \"raster-brightness-min\": .4,\n \"raster-saturation\": -.3,\n \"raster-hue-rotate\": 0\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"scenes = ({\n source: {\n type: 'geojson',\n data: 'https://raw.githubusercontent.com/mauforonda/huellas-de-la-mineria/main/index.json'\n },\n layer: {\n id: 'scenes-layer',\n type: 'circle',\n source: 'scenes',\n paint: {\n \n 'circle-radius': [\n 'interpolate',\n ['exponential',2],\n ['zoom'],\n 7, 3, \n 12, 9\n ],\n 'circle-color': [\n 'case',\n ['!=', ['get', 'area_protegida'], ''],\n colors.area_protegida,\n colors.no_area_protegida\n ],\n 'circle-stroke-color': [\n 'case',\n ['boolean', ['feature-state','clicked'], false],\n 'rgba(255, 254, 252, .3)',\n 'rgba(117, 110, 89, .2)'\n ],\n 'circle-stroke-width': [\n 'case',\n ['boolean', ['feature-state','clicked'], false],\n 3.,\n 1.\n ],\n 'circle-blur': .0\n },\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"labels = ({\n source: {\n type: 'raster',\n tiles: [\n 'https://a.basemaps.cartocdn.com/dark_only_labels/{z}/{x}/{y}.png'\n ],\n tileSize: 256\n },\n layer: {\n id: 'labels-layer',\n type: 'raster',\n source: 'labels',\n paint: {\n // \"raster-opacity\": .9,\n // \"raster-contrast\": .5,\n \"raster-brightness-min\": .2,\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"areas_protegidas = ({\n source: {\n type: 'geojson',\n data: \"https://gist.githubusercontent.com/mauforonda/0167ffb3d5b4efd14eb11c25c864018b/raw/6a8fe93e796c657a0db09cd9a2b9d440e5ac1901/areas_mask.json\"\n },\n layer: {\n id: 'areas_protegidas-layer',\n type: 'fill',\n source: 'areas_protegidas',\n paint: {\n \"fill-color\": 'rgba(232, 237, 235, .2)',\n // \"line-color\": 'rgba(42, 46, 44, .6)',\n // \"line-width\": 1.5\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"maplibregl = {\n const [module, styleURL] = await Promise.all([\n require(\"maplibre-gl@3.1.0\"),\n require.resolve(\"maplibre-gl@3.1.0/dist/maplibre-gl.css\")\n ]);\n \n const style = document.head.appendChild(\n html``\n );\n invalidation.then(() => style.remove());\n \n return module;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"colors = ({\n main: '#131c1a',\n secondary: '#515a69',\n area_protegida: 'rgb(237, 204, 116)',\n no_area_protegida: 'rgba(235, 224, 195, .8)'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"drawLines = (lines) => {\n\n return html`\n

\n ・\n ${lines.map(line => {return `${line}`})}\n ・\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 31:"$30:body"