2b:null 2c:["$","title",null,{"children":"Atlas Urbano de Bolivia | Jed Sundwall | Observable"}] 31:T7f3,viewof map = { let container = html`

` let resolve container.value = new Promise(_ => resolve = _) yield container // Map const map = (container.value = new maplibregl.Map({ boxZoom: true, pitch: 0, bearing: 0, container, center: [-68.1336229, -16.4955455], zoom: 14, scrollZoom: true, style: "https://basemaps.cartocdn.com/gl/positron-nolabels-gl-style/style.json" })) map.on("load", function () { map.addSource("buildings", buildings.source) map.addLayer(buildings.layer) Object.keys(atlasUrbano).forEach(i => { map.addSource(i, { type: 'raster', tiles: [atlasUrbano[i].tiles], tileSize: 256, attribution: atlasSources[atlasUrbano[i].source].mapAttribution }) }) map.addSource("places", places.source) map.addLayer(places.layer) map.addSource('labels', labels.source) map.addLayer(labels.layer) map.addLayer(placesFake) }) // Events const mouseenter = function(e) { map.getCanvas().style.cursor = "pointer"; const poi = e.features[0] popup. setHTML(`

${poi.properties.name}

${es[poi.properties.category_main]}

`). setLngLat(poi.geometry.coordinates). addTo(map) } const mouseleave = function() { map.getCanvas().style.cursor = ""; popup.remove() } const popup = new maplibregl.Popup({ closeButton: false, closeOnClick: false }) map.on("mouseenter", "placesfake", mouseenter); map.on("mouseleave", "placesfake", mouseleave); // Controls map.addControl(new maplibregl.NavigationControl()) map.addControl( new maplibregl.GeolocateControl({ positionOptions: { enableHighAccuracy: true }, showAccuracyCircle: false, showUserLocation: true }), 'top-right' ) resolve(map) }32:T29ff,atlasUrbano = ({ poblacion: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:Poblacion&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Población&tiled=false&id=1_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Población', legend: categoricalLegend( 'habitantes', ['Sin datos', '1 - 30', '31 - 70', '71 - 100', '101 - 200', '201 - 301', '302 - 1599'], ['#ffffd4', '#ffe6a5', '#fec46c', '#fe9929', '#e67217', '#c4500a', '#993404'] ), desc: 'Habitantes por manzano', source: 'cpv' }, densidadPoblacional: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:Densidad4&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Densidad Población/ ha&tiled=false&id=2_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Densidad Poblacional', legend: categoricalLegend( 'habitantes por hectárea', ['Sin datos', '1 - 100', '101 - 300', '301 - 5000', '5001 - 17818'], ['#f4eed5', '#dceb4d', '#cac75f', '#b0a12e', '#6b621b'], ), desc: 'Habitantes por hectárea', source: 'cpv' }, TasaDependenciaDemografica: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:TD_Demografia&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Tasa de dependencia Demográfica&tiled=false&id=3_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Tasa de Dependencia Demográfica', legend: categoricalLegend( 'tasa de dependencia demográfica', ['Sin datos', '0 - 0.5', '0.51 - 0.8', '0.81 - 1.0', '1.1 - 20'], ['#f4eed5', '#9adc4d', '#ecef1b', '#ff7f00', '#e31a1c'] ), desc: 'La relación entre la población en edad de trabajar y la población activa', source: 'cpv' }, TasaDependenciaEconomica: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:TD_economica&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Tasa de dependencia Económica&tiled=false&id=4_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Tasa de Dependencia Económica', legend: categoricalLegend( 'tasa de dependencia económica', [ 'Sin datos', '0 - 0.5', '0.6 - 1.0', '1.1 - 1.5', '1.6 - 2.5', '2.6 - 79' ], ['#ffffd4', '#3be81c', '#aced5c', '#fdbf6f', '#ff7f00', '#e31a1c'] ), desc: 'La relación entre la población inactiva y la población que participa activamente del mercado laboral', source: 'cpv' }, TasaGlobalParticipacion: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:TGP&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Tasa global de participación&tiled=false&id=5_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Tasa Global de Participación', legend: categoricalLegend( 'tasa global de participación', [ 'Sin datos', '0 - 20', '21 - 50', '51 - 60', '61 - 80', '80 - 100' ], ['#ffffd4', '#f69053', '#ffdf9a', '#dcf09e', '#8acc62', '#1a9641'] ), desc: 'Porcentaje de la población en edad de trabajar que participa activamente del mercado de trabajo, ya sea trabajando o buscando trabajo', source: 'cpv' }, PredominanciaActividadesEconomicas: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:F_ocupados&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Predominancia de actividades económicas&tiled=false&id=6_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Predominancia de actividades económicas', legend: categoricalLegend( 'actividad predominante', [ 'Sin datos', 'Sin predominancia', '+ Primaria', '+ Secundaria', '+ Terciaria' ], ['#ffffd4', '#a6cee3', '#04eb08', '#edf00e', '#e31a1c'] ), desc: 'Grado de especialización de las actividades económicas en que está ocupada la población, clasificadas entre actividades primarias, secundarias y terciarias', source: 'cpv' }, MigrantesRecientes: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:F_migra5&styles=&format=image/png&transparent=true&version=1.1.1&tiled=false&id=7_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Porcentaje de migrantes recientes', legend: categoricalLegend( 'porcentaje', ['Sin datos', '1 - 15', '15 - 50', '51 - 100'], ['#ffffd4', '#a6cee3', '#137be9', '#253494'] ), desc: 'Porcentaje de la población que ha migrado en los últimos 5 años', source: 'cpv' }, Casados: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:F_casado&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Casadosas&tiled=false&id=8_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Porcentaje de casados', legend: categoricalLegend( 'porcentaje', ['Sin datos', '1 - 35', '36 - 50', '51 - 70', '71 - 100'], ['#f4eed5', '#fed2a6', '#fd9243', '#df4f05', '#ab4e29'] ), desc: 'Porcentaje de la población cuyo estado civil es casado', source: 'cpv' }, EdadMediana: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:EdadMedian&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Edad mediana&tiled=false&id=9_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Edad mediana', legend: categoricalLegend( 'años', [ 'Sin datos', '1 - 10', '11 - 25', '26 - 35', '36 - 50', '50 - Más' ], ['#deefca', '#e3b77e', '#fda760', '#f57600', '#ff1800', '#aa1d13'] ), desc: 'La edad mediana de la población', source: 'cpv' }, AnosEstudio: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:Anios_Estud&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Años de estudio&tiled=false&id=10_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Años de estudio', legend: categoricalLegend( 'años', ['Sin datos', '1 - 5', '6 - 9', '10 - 12', '13 - 15', '15 o más'], ['#edf8fb', '#bfd6e8', '#9cacd2', '#8a7cba', '#87489f', '#810f7c'] ), desc: 'Años de estudio promedio en la población', source: 'cpv' }, ViviendaAlquilada: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:F_Alquilada&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Vivienda Alquilada&tiled=false&id=11_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Porcentaje de viviendas alquiladas', legend: categoricalLegend( 'porcentaje', ['Sin datos', '1 - 10', '11 - 20', '21 - 50', '51 - 100'], ['#f5f5f5', '#efe395', '#dfc27d', '#c69728', '#a6611a'] ), desc: 'Porcentaje de viviendas en alquiler', source: 'cpv' }, DeficitCualitativoVIvienda: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:Defi_Cuali&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Deficit Cualitativo en Vivienda&tiled=false&id=12_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Déficit Cualitativo de Vivienda', legend: categoricalLegend( 'porcentaje', ['Sin datos', '1 - 20', '21 - 50', '51 - 75', '76 - 100'], ['#f7f7f7', '#cdaaec', '#aba4e1', '#9672c8', '#5e408e'] ), desc: 'Porcentaje de viviendas que no cumplen con requisitos para ser consideradas dignas', source: 'cpv' }, PersonasPorDormitorio: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:Per_Dorm&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=Personas por dormitorio&tiled=false&id=13_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Personas por dormitorio', legend: categoricalLegend( 'personas', ['Sin datos', '1', '2', '3', '4 o más'], ['#f5f5f5', '#14dece', '#6ec7b8', '#058c76', '#206831'], ), desc: 'Número promedio de personas por dormitorio', source: 'cpv' }, NBI: { tiles: 'https://pndic-geoserver.abe.bo/geoserver/pndic/wms?service=WMS&request=GetMap&layers=pndic:NBI_Pobreza2&styles=&format=image/png&transparent=true&version=1.1.1&myLayerId=pobreza por NBI&tiled=false&id=15_2&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Porcentaje con Necesidades Básicas Insatisfechas', legend: categoricalLegend( 'porcentaje', ['Sin datos', '0', '1 - 10', '11 - 40', '41 - 70', '71 - 100'], ['#d0d0e6', '#f4eed5', '#faf033', '#f7c14b', '#ff7f00', '#e31a1c'] ), desc: 'Porcentaje de personas con carencias significativas en vivienda, salud y educación', source: 'cpv' }, WorldSettlementFootprint: { tiles: ' https://c.geoservice.dlr.de/eoc/land/wms?SERVICE=WMS&VERSION=1.1.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=true&LAYERS=WSF_Evolution&TILED=true&STYLES=wsfevolution&TIME=&WIDTH=256&HEIGHT=256&SRS=EPSG:3857&BBOX={bbox-epsg-3857}', title: 'Crecimiento de la mancha urbana', legend: Legend( d3.scaleLinear() .range(['#DD2200', '#FFAD00', '#a1ff00', '#00be00', '#00a8af', '#1a0fcd', '#7e008e']) .domain([1985, 1990, 1995, 2000, 2005, 2010, 2015]), { tickFormat: d => d, title: 'año de detección' } ), desc: 'Años de detección de asentamientos en imágenes de Landsat', source: 'wsf' }, GHSL2030: { tiles: 'https://geospatial.jrc.ec.europa.eu/geoserver/ows?service=WMS&request=GetMap&layers=africa_platform:ghsl_pop_2030&styles=&format=image/png&transparent=true&version=1.1.1&width=256&height=256&srs=EPSG:3857&bbox={bbox-epsg-3857}', title: 'Población en 2030', legend: Legend( d3.scaleLinear() .range(['#FAFAF8', '#31446B', '#666970', '#969078', '#CCBB69', '#FFEA46']) .domain([0, 5, 10, 15, 20, 25]), { tickFormat: d => d, title: 'miles de personas por kilómetro cuadrado' } ), desc: 'Estimaciones de población desde imágenes satelitales y proyecciones censales a 1km de resolución', source: 'ghsl' } })33:T4a3,{ const colors = { background: '#fff', border: '#c2cad1', text: '#717b8a', textHover: '#515a69', borderHover: '#787f8a' } return html` ` }34:[{"id":"dd8342a795541a7edd90049dd981dd4ea67186932c7da4e4a846a7d8d94f563976daedd23463e292cf4b8989a299410de494ceaf927b2aaaa63cf84f2cada4b7","href":"https://static.observableusercontent.com/files/dd8342a795541a7edd90049dd981dd4ea67186932c7da4e4a846a7d8d94f563976daedd23463e292cf4b8989a299410de494ceaf927b2aaaa63cf84f2cada4b7","name":"overture_places_es.json","type":"application/json","lastModified":1697315015015.671,"size":96279},{"id":"d57af8b46a473c6d150b006f6f5c2a8c77cdee8c1799b4e2747819fad44b737a047a2c4e49b58ab3b27d70ea8ac9f696f69937b5adde5d52b21e7aae7528f622","href":"https://static.observableusercontent.com/files/d57af8b46a473c6d150b006f6f5c2a8c77cdee8c1799b4e2747819fad44b737a047a2c4e49b58ab3b27d70ea8ac9f696f69937b5adde5d52b21e7aae7528f622","name":"ciudades.json","type":"application/json","lastModified":1697315015015.671,"size":3859},{"id":"82fb68797d4950a84c9ddae93f2e459db73d2003c41429176228677eeb1d11c2642df14dd7c167cffb31d2363265295e97f5af6a4970ab794bf287b2b89679b6","href":"https://static.observableusercontent.com/files/82fb68797d4950a84c9ddae93f2e459db73d2003c41429176228677eeb1d11c2642df14dd7c167cffb31d2363265295e97f5af6a4970ab794bf287b2b89679b6","name":"departamentos.json","type":"application/json","lastModified":1697315015015.671,"size":108007}] 2f:{"id":"7b10810508de98b2","slug":null,"title":"Atlas Urbano de Bolivia","thumbnail":"90541c4e9685f41400e5b6d120bc0443b6b93848f891f5e62b8be19d1cdedf13","access_level":"public","create_time":"$D2023-10-14T20:23:35.015Z","update_time":"$D2023-10-14T20:23:35.015Z","view_time":null,"first_public_time":"$D2023-10-14T20:23:35.015Z","has_unpublished_edits":null,"fork":{"id":"a2d1698a47b1041f","slug":"atlas-urbano-de-bolivia","title":"Atlas Urbano de Bolivia","owner":{"id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8fa5f4e6e215c0ab","login":"jed-sundwall","name":"Jed Sundwall","avatar_url":"https://avatars-next.observableusercontent.com/7ca45bbcd1f6a3401d8825c2a0fe0bbd92d2e7acd3092aaf9b7acfe9195e3c8c","tier":"starter_2024"},"version":581,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9e73f28abf89925d","login":"jed-sundwall","name":"Jed Sundwall","avatar_url":"https://avatars-next.observableusercontent.com/7ca45bbcd1f6a3401d8825c2a0fe0bbd92d2e7acd3092aaf9b7acfe9195e3c8c","tier":null}],"members":[{"type":"individual","id":"9e73f28abf89925d","login":"jed-sundwall","name":"Jed Sundwall","avatar_url":"https://avatars-next.observableusercontent.com/7ca45bbcd1f6a3401d8825c2a0fe0bbd92d2e7acd3092aaf9b7acfe9195e3c8c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Atlas Urbano de Bolivia","cells":[{"id":468,"value":"header = htl.html`

Atlas Urbano de Bolivia

\n Atlas Urbano\n
\n de Bolivia\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"html`\n

\n ${(viewof citySelector)} \n ${viewof flytoCity} \n ${(viewof indicador) }\n ${indicadorDesc}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"atlasLegend = {\n if (atlasUrbano[indicador]){\n return html`\n

\n ${atlasUrbano[indicador].legend}\n

`\n } else {\n return html`

`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":464,"value":"Buildings, places and labels","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":159,"value":"buildings = ({\n source: {\n type: \"vector\",\n url:\"pmtiles://https://data.source.coop/vida/google-microsoft-open-buildings/pmtiles/go_ms_building_footprints.pmtiles\",\n attribution: '© Google-Microsoft Open Buildings via VIDA'\n },\n layer: {\n id: \"vida\",\n type: \"fill\",\n source: \"buildings\",\n \"source-layer\":\"building_footprints\",\n paint: {\n \"fill-outline-color\": '#afc4cc',\n \"fill-color\": \"rgba(209, 228, 235, .8)\",\n \"fill-opacity\": {\n base: 1,\n stops: [\n [8, 0],\n [16, .8]\n ]\n }\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"places = ({\n source: {\n type: \"vector\",\n url: \"pmtiles://https://r2-public.protomaps.com/protomaps-sample-datasets/overture-pois.pmtiles\",\n attribution: '© Overture Maps Foundation'\n },\n layer: {\n id: 'places',\n type: 'circle',\n source: 'places',\n 'source-layer': 'pois',\n paint: {\n 'circle-color': '#86cae3',\n 'circle-stroke-color': '#85979e',\n 'circle-opacity': {\n base: 1,\n stops: [\n [8, 0],\n [16, .7]\n ]\n },\n 'circle-radius': [\n 'interpolate',\n ['exponential',2],\n ['zoom'],\n 0, 1, \n 18, 9 \n ],\n 'circle-stroke-width': [\n 'interpolate',\n ['exponential',2],\n ['zoom'],\n 12, 0, \n 14, .2\n ],\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"placesFake = ({\n id: 'placesfake',\n type: 'circle',\n source: 'places',\n 'source-layer': 'pois',\n paint: {\n 'circle-color': 'rgba(0,0,0,0)',\n 'circle-radius': [\n 'interpolate',\n ['exponential',2],\n ['zoom'],\n 0, 5, \n 18, 15 \n ],\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"labels = ({\n source: {\n type: 'raster',\n tiles: [\n 'https://a.basemaps.cartocdn.com/light_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\": .8,\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"es = FileAttachment(\"overture_places_es.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":463,"value":"Atlas","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":500,"value":"atlasSources = ({\n cpv: {\n mapAttribution:'CPV 2012 via ONU Habitat',\n textAttribution: 'Censo de Población y Vivienda, 2012'\n },\n wsf: {\n mapAttribution: '© DLR/EOC',\n textAttribution: 'World Settlement Footprint Evolution (EOC, 2019)'\n },\n ghsl: {\n mapAttribution: '© GHSL/JRC',\n textAttribution: 'Global Human Settlement Layer (JRC, 2023)'\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"{\n indicador;\n \n if (atlasUrbano[indicador]) {\n\n if (map.getLayer('atlas-layer')) {\n map.removeLayer('atlas-layer')\n }\n map.addLayer({\n id: 'atlas-layer',\n type: 'raster',\n source: indicador,\n paint: {\n \"raster-opacity\": .35,\n }\n }, \"places\")\n\n return md``\n \n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":460,"value":"Legend and other style settings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":100,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"categoricalLegend = (title, domain, range) => {\n return Legend(\n d3.scaleOrdinal()\n .domain(domain)\n .range(range), {\n tickSize: 5,\n width: 350,\n title: title\n }\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":457,"value":"Menus","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":456,"value":"viewof citySelector = {\n const dotOptions = {\n x: 'x',\n y: 'y',\n r: 1.5,\n stroke: null,\n fill: '#a1c8d6',\n fillOpacity: .7\n }\n return Plot.plot({\n className: 'center',\n projection: {type: \"mercator\", domain: rewind(departamentos)},\n width: 150,\n height: 150,\n marks: [\n Plot.geo(rewind(departamentos), {\n stroke: '#CEDADE',\n strokeWidth: .7,\n fill: '#FAFAF8'\n }),\n Plot.dot(ciudades, {\n ...dotOptions\n }),\n Plot.dot(ciudades, Plot.pointer({\n ...dotOptions,\n r: 4,\n fillOpacity: 1.,\n fill: '#85bfd4',\n })),\n ]\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"viewof flytoCity = citySelector ? htl.html`\n

\n ${Inputs.button(\n htl.html`ir a ${citySelector.name}`,\n {value: null, reduce: ( ) => set(viewof ciudad, citySelector)}\n )}\n

` : html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"viewof indicador = Inputs.select(['ver un indicador'].concat(Object.keys(atlasUrbano)), {\n format: (d) => atlasUrbano[d] ? 'ver '.concat(atlasUrbano[d].title) : d,\n value: 'ver un indicador'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"indicadorDesc = {\n if (atlasUrbano[indicador]) {\n return html`\n

\n ${atlasUrbano[indicador].desc.toLowerCase()}\n ${atlasSources[atlasUrbano[indicador].source].textAttribution}\n `\n } else {\n return html`

`;\n element.value = null;\n return element;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"{\n ciudad;\n if (ciudad) {\n map.flyTo({\n center: [ciudad.x, ciudad.y]\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":446,"value":"Little map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":445,"value":"import {rewind} from \"@fil/rewind\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"ciudades = FileAttachment('ciudades.json').json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"departamentos = FileAttachment(\"departamentos.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":441,"value":"Big map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"pmtiles = import(\"https://cdn.skypack.dev/pmtiles@2.7.0\")","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 let protocol = new pmtiles.Protocol();\n module.addProtocol(\"pmtiles\",protocol.tile);\n \n return module;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"