43:["$","title",null,{"children":"Laboratorio 03 FINAL | Karina Marita Aranguren Espinoza | Observable"}] 4b:T40f, // 1. Promedio por año const promedioAnual = data => d3.rollups( data, v => d3.mean(v, d => d.valor), d => d.anio ).map(([anio, valor]) => ({anio, valor})) .sort((a, b) => a.anio - b.anio) // 2. Filtros territoriales const filtroDepto = d => d.idDepto === deptoSeleccionado const filtroMunicipio = d => d.idDepto === deptoSeleccionado && d.idMunicipio === municipioSeleccionado // 3. Promedios nacionales (Baseline) const baseline_1 = promedioAnual(plot_data_1) const baseline_2 = promedioAnual(plot_data_2) const baseline_3 = promedioAnual(plot_data_3) // 4. Promedios departamentales const depto_1 = promedioAnual(plot_data_1.filter(filtroDepto)) const depto_2 = promedioAnual(plot_data_2.filter(filtroDepto)) const depto_3 = promedioAnual(plot_data_3.filter(filtroDepto)) // 5. Valores municipales const municipio_1 = promedioAnual(plot_data_1.filter(filtroMunicipio)) const municipio_2 = promedioAnual(plot_data_2.filter(filtroMunicipio)) const municipio_3 = promedioAnual(plot_data_3.filter(filtroMunicipio)) 4c:T54b,const mapaDepartamentos = (() => { const width = 600; const height = 700; const projection = d3 .geoMercator() .fitSize([width, height], departamentos); const path = d3.geoPath(projection); const svg = d3 .create("svg") .attr("width", width) .attr("height", height); const color = d3.scaleSequential( d3.interpolateBlues ).domain([ d3.min(coberturaDepto.values()), d3.max(coberturaDepto.values()) ]); svg .selectAll("path") .data(departamentos.features) .join("path") .attr("d", path) .attr("fill", d => { const valor = coberturaDepto.get( d.properties.DPTO_CCDGO ); return valor ? color(valor) : "#eee"; }) .attr("stroke", d => d.properties.DPTO_CCDGO === deptoSeleccionado ? "black" : "white" ) .attr("stroke-width", d => d.properties.DPTO_CCDGO === deptoSeleccionado ? 3 : 1 ) .style("cursor", "pointer") .on("click", (event, d) => { console.log( d.properties.DPTO_CNMBR, d.properties.DPTO_CCDGO ); }) .append("title") .text(d => { const valor = coberturaDepto.get( d.properties.DPTO_CCDGO ); return `${d.properties.DPTO_CNMBR}: ${valor?.toFixed(1)}%`; }); //display(svg.node()); return svg.node(); })()4d:T4ff, const mapaMunicipal = (() => { const width = 600; const height = 700; const projection = d3 .geoMercator() .fitSize([width, height], { type: "FeatureCollection", features: municipiosDepto }); const path = d3.geoPath(projection); const svg = d3.create("svg") .attr("width", width) .attr("height", height); const color = d3.scaleSequential( d3.interpolateBlues ).domain([ d3.min(coberturaMunicipio.values()), d3.max(coberturaMunicipio.values()) ]); svg.selectAll("path") .data(municipiosDepto) .join("path") .attr("d", path) .attr("fill", d => { const valor = coberturaMunicipio.get( d.properties.MPIO_CDPMP ); return valor ? color(valor) : "#eee"; }) .attr("stroke", d => d.properties.MPIO_CDPMP === municipioSeleccionado ? "black" : "white" ) .attr("stroke-width", d => d.properties.MPIO_CDPMP === municipioSeleccionado ? 3 : 1 ) .append("title") .text(d => { const valor = coberturaMunicipio.get( d.properties.MPIO_CDPMP ); return `${d.properties.MPIO_CNMBR}: ${valor?.toFixed(1)}%`; }); //display(svg.node()); return svg.node(); })() 4e:T9ce, // Función para crear las gráficas var crearGrafica = (baseline, depto, municipio, scale_y, axis_y) => { // SVG var plot = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("max-width", "100%") // Generador de líneas var line = d3.line() .x(d => scale_x(d.anio)) .y(d => scale_y(d.valor)) // Series para dibujar var series = [ {nombre: "Promedio nacional", tipo: "Nacional", valores: baseline} ] // Departamento seleccionado if (deptoSeleccionado && deptoSeleccionado !== "Todos") { series.push({ nombre: departamentos.features.find(d => d.properties.DPTO_CCDGO === deptoSeleccionado )?.properties.DPTO_CNMBR || deptoSeleccionado, tipo: "Departamento", valores: depto }) } // Municipio seleccionado if (municipioSeleccionado && municipioSeleccionado !== "Todos") { series.push({ nombre: municipios.features.find(d => d.properties.MPIO_CDPMP === municipioSeleccionado )?.properties.MPIO_CNMBR || municipioSeleccionado, tipo: "Municipio", valores: municipio }) } // Dibujar líneas plot.selectAll(".linea") .data(series) .join("path") .attr("class", "linea") .attr("d", d => line(d.valores)) .attr("fill", "none") .attr("stroke", d => scale_color(d.tipo)) .attr("stroke-width", 2.5) .append("title") .text(d => d.nombre) // Eje X plot.append("g") .attr("transform", `translate(0, ${height - margin_bottom})`) .call(axis_x.tickFormat(d3.format("d"))) // Eje Y plot.append("g") .attr("transform", `translate(${margin_left}, 0)`) .call(axis_y) // Leyenda var leyenda = plot.append("g") .attr("transform", `translate(${margin_left}, 30)`) var items = leyenda.selectAll(".item") .data(series) .join("g") .attr("class", "item") .attr("transform", (d, i) => `translate(${i * 240}, 0)`) items.append("line") .attr("x1", 0) .attr("x2", 25) .attr("stroke", d => scale_color(d.tipo)) .attr("stroke-width", 3) items.append("text") .attr("x", 32) .attr("y", 4) .attr("font-size", 13) .text(d => d.nombre) return plot } // Crear las tres gráficas var plot_1 = crearGrafica(baseline_1, depto_1, municipio_1, scale_y1, axis_y1) var plot_2 = crearGrafica(baseline_2, depto_2, municipio_2, scale_y2, axis_y2) var plot_3 = crearGrafica(baseline_3, depto_3, municipio_3, scale_y3, axis_y3) 4f:Ta65,{ const contenedor = document.createElement("div"); contenedor.style.display = "flex"; contenedor.style.gap = "20px"; contenedor.style.alignItems = "flex-start"; const izquierda = document.createElement("div"); izquierda.innerHTML = "

Departamentos

"; izquierda.appendChild(mapaDepartamentos.cloneNode(true)); const derecha = document.createElement("div"); derecha.innerHTML = "

Municipios

"; derecha.appendChild(mapaMunicipal.cloneNode(true)); contenedor.appendChild(izquierda); contenedor.appendChild(derecha); display(contenedor); } { const min = d3.min(coberturaDepto.values()); const max = d3.max(coberturaDepto.values()); const div = document.createElement("div"); div.innerHTML = `

Leyenda

${min.toFixed(1)}% ${max.toFixed(1)}%

Menor cobertura ←→ Mayor cobertura

`; display(div) } //Contenedor de las gráficas { const contenedor = document.createElement("div") // Contenedor principal contenedor.style.width = "1220px" contenedor.style.marginTop = "30px" contenedor.style.paddingTop = "20px" contenedor.style.borderTop = "2px solid #ddd" // Título general const titulo = document.createElement("h2") titulo.textContent = "Evolución de los indicadores educativos (2013–2024)" titulo.style.textAlign = "center" titulo.style.whiteSpace = "nowrap" titulo.style.fontSize = "22px" titulo.style.marginBottom = "25px" contenedor.appendChild(titulo) // Gráficas const graficas = [ {titulo: "Cobertura neta en educación", plot: plot_1}, {titulo: "Saber 11 - Matemáticas", plot: plot_2}, {titulo: "Saber 11 - Lectura crítica", plot: plot_3} ] graficas.forEach(d => { const seccion = document.createElement("div") seccion.style.display = "flex" seccion.style.flexDirection = "column" seccion.style.alignItems = "center" seccion.style.marginBottom = "30px" const subtitulo = document.createElement("h3") subtitulo.textContent = d.titulo subtitulo.style.width = "800px" subtitulo.style.textAlign = "left" seccion.appendChild(subtitulo) seccion.appendChild(d.plot.node()) contenedor.appendChild(seccion) }) display(contenedor) } 50:[{"id":"ddb02d70862a46aaba01eba00ac91133532f96c20fa52c97047b72df4c6e324f70309fda127786716dc848926502ae76f9ebea08a3966287a12b5b5881f00cd8","href":"https://static.observableusercontent.com/files/ddb02d70862a46aaba01eba00ac91133532f96c20fa52c97047b72df4c6e324f70309fda127786716dc848926502ae76f9ebea08a3966287a12b5b5881f00cd8","name":"TerriData.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1792013467065,"size":24974723},{"id":"ddf4fafed242f16ff18ab2fefa84a43894905f59d58766be6e28521c96ee1a563a30d3e65a80a73a77a84a26ac1d89232061bcf78d3f4aca55428ed8b01bf659","href":"https://static.observableusercontent.com/files/ddf4fafed242f16ff18ab2fefa84a43894905f59d58766be6e28521c96ee1a563a30d3e65a80a73a77a84a26ac1d89232061bcf78d3f4aca55428ed8b01bf659","name":"municipios.geojson","type":"application/octet-stream","lastModified":1792866512659,"size":5759175},{"id":"8ab20610305c8e17457a5285060fa9ba0abfee48adacbcd882cd22705e90641392f0f5e585e54e8b21648d15628d6e881265bdd6f758c89d787c7d9e3a93a20c","href":"https://static.observableusercontent.com/files/8ab20610305c8e17457a5285060fa9ba0abfee48adacbcd882cd22705e90641392f0f5e585e54e8b21648d15628d6e881265bdd6f758c89d787c7d9e3a93a20c","name":"departamentos.geojson","type":"application/octet-stream","lastModified":1792866512659,"size":1582353}] 47:{"id":"bf3b8e5ccd2a3178","slug":"laboratorio-03","title":"Laboratorio 03 FINAL","thumbnail":null,"access_level":"public","create_time":"$D2026-10-24T20:49:32.051Z","update_time":"$D2026-10-25T00:00:22.830Z","view_time":null,"first_public_time":"$D2026-10-24T20:51:00.124Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"4ad1f4dc875261da","login":"karina-marita-aranguren-espinoza","name":"Karina Marita Aranguren Espinoza","avatar_url":"https://avatars-next.observableusercontent.com/eafcdbe6ec806c17a5ae801a930753ede9b37a199635793e4c8a92cd02c6eb39","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":612,"publish_version":612,"role":null,"authored":false,"authors":[{"type":"individual","id":"2223c8b8785e0c30","login":"karina-marita-aranguren-espinoza","name":"Karina Marita Aranguren Espinoza","avatar_url":"https://avatars-next.observableusercontent.com/eafcdbe6ec806c17a5ae801a930753ede9b37a199635793e4c8a92cd02c6eb39","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"4ad1f4dc875261da","login":"karina-marita-aranguren-espinoza","name":"Karina Marita Aranguren Espinoza","avatar_url":"https://avatars-next.observableusercontent.com/eafcdbe6ec806c17a5ae801a930753ede9b37a199635793e4c8a92cd02c6eb39","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Laboratorio 03 FINAL","cells":[{"id":1,"value":"# Laboratorio 03 FINAL\n\n## Tarea secundaria 2\n\n### Identificar regiones geográficas con mayor cobertura\n\n---\n\n**Integrantes:**\n\n- Karina Marita Aranguren Espinoza — `202326292`\n- Diego Felipe Tolosa Gámez — `201413235`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"## 1. Configuración e importaciones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"import * as d3 from \"npm:d3\"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"## 2. Carga de Datos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"const departamentos = await FileAttachment(\"departamentos.geojson\").json()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"const municipios = await FileAttachment(\"municipios.geojson\").json()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"const wb = await FileAttachment(\"TerriData.xlsx\").xlsx()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"const terridata = wb.sheet(\"Hoja01\")","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"## 3. Preparación de datos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"### 3.1 Data de Sección 1: Mapas - Tarea secundaria 2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"**Filtrar Indicador y año**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"const datos = terridata.filter(\n d =>\n d.G === \"Cobertura neta en educación - Total\" &&\n d.J === anio\n)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"**Agregación por departamento**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"const coberturaDepto = d3.rollup(\n datos,\n v => d3.mean(v, d => +String(d.H).replace(\",\", \".\")),\n d => d.A\n)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"### 3.2 Data de Sección 2: Gráficos de Lineas - Tarea secundaria 1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"\n// 1. Preparar datos y filtrar años -- Los Gráficos de línea necesiotan todos los años\nconst datos_lineas = terridata.slice(1).map(d => ({\n anio: +d.J,\n idDepto: String(d.A).padStart(2, \"0\"),\n departamento: d.B,\n idMunicipio: String(d.C).padStart(5, \"0\"),\n municipio: d.D,\n indicador: d.G,\n valor: +String(d.H).replace(\",\", \".\")\n})).filter(d =>\n d.anio >= 2013 &&\n d.anio <= 2024 &&\n Number.isFinite(d.valor)\n)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"\n// 2. Datos para cada gráfica\n\n// Cobertura\nconst plot_data_1 = datos_lineas.filter(d =>\n d.indicador === \"Cobertura neta en educación - Total\"\n)\n\n// Matemáticas\nconst plot_data_2 = datos_lineas.filter(d =>\n d.indicador === \"Puntaje promedio Pruebas Saber 11 - Matemáticas\"\n)\n\n// Lectura crítica\nconst plot_data_3 = datos_lineas.filter(d =>\n d.indicador === \"Puntaje promedio Pruebas Saber 11 - Lectura crítica\"\n)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"**Variables adicionales**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"const nombreMunicipio = municipios.features.find(d =>\n d.properties.MPIO_CDPMP === municipioSeleccionado\n)?.properties.MPIO_CNMBR","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"const nombreDepto = departamentos.features.find(d =>\n d.properties.DPTO_CCDGO === deptoSeleccionado\n)?.properties.DPTO_CNMBR","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"$4b","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"## 4. Código de Gráficos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"**Mapa de departamentos**","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"$4c","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"let departamentoSeleccionado = null;\n const municipiosDepto =\n municipios.features.filter(\n d => d.properties.DPTO_CCDGO === deptoSeleccionado\n )\n const datosMunicipio = terridata.filter(\n d =>\n d.G === \"Cobertura neta en educación - Total\" &&\n d.J === anio &&\n d.A === deptoSeleccionado\n)\n const coberturaMunicipio = d3.rollup(\n datosMunicipio,\n v => d3.mean(\n v,\n d => +String(d.H).replace(\",\", \".\")\n ),\n d => d.C\n )\n","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"**Mapa de municipios**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"$4d","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"**Gráficos de lineas**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"// Variables básicas\n\n//svg size\nvar width = 800\nvar height = 320\n\n// Márgenes\nvar margin_left = 60\nvar margin_right = 30\nvar margin_top = 30\nvar margin_bottom = 50","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"// Escala X - Años (compartida)\nvar scale_x = d3.scaleLinear()\n .domain([2013, 2024])\n .range([margin_left, width - margin_right])\n\n// Escala Y1 - Cobertura\nvar scale_y1 = d3.scaleLinear()\n .domain(d3.extent([...baseline_1, ...depto_1, ...municipio_1], d => d.valor))\n .nice()\n .range([height - margin_bottom, margin_top])\n\n// Escala Y2 - Matemáticas\nvar scale_y2 = d3.scaleLinear()\n .domain(d3.extent([...baseline_2, ...depto_2, ...municipio_2], d => d.valor))\n .nice()\n .range([height - margin_bottom, margin_top])\n\n// Escala Y3 - Lectura Crítica\nvar scale_y3 = d3.scaleLinear()\n .domain(d3.extent([...baseline_3, ...depto_3, ...municipio_3], d => d.valor))\n .nice()\n .range([height - margin_bottom, margin_top])\n\nvar scale_color = d3.scaleOrdinal()\n .domain([\"Nacional\", \"Departamento\", \"Municipio\"])\n .range([\"#888888\", \"#2563eb\", \"#16a34a\"])","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"// Ejes\n\n//Eje X\n//Mismo todos gráficos\nvar axis_x = d3.axisBottom(scale_x)\n\n//Eje Y\n//Varia por gráfico\nvar axis_y1 = d3.axisLeft(scale_y1)\nvar axis_y2 = d3.axisLeft(scale_y2)\nvar axis_y3 = d3.axisLeft(scale_y3)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"$4e","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"## 5. Visual: \"Cobertura Neta en Educación - Total\"**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"**Seleccione un departamento para visualizar el detalle municipal correspondiente.**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"const opcionesDepto = new Map(\n departamentos.features.map(d => [\n d.properties.DPTO_CNMBR,\n d.properties.DPTO_CCDGO\n ])\n)\n\nconst deptoSeleccionado = view(\n Inputs.select(opcionesDepto, {\n label: \"Departamento\",\n value: \"18\"\n })\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"\n// Opciones de municipios del departamento seleccionado\nconst opcionesMunicipio = new Map([\n [\"Todos\", \"Todos\"],\n ...municipios.features\n .filter(d => d.properties.DPTO_CCDGO === deptoSeleccionado)\n .map(d => [\n d.properties.MPIO_CNMBR,\n d.properties.MPIO_CDPMP\n ])\n])\n\n// Selector de municipio\nconst municipioSeleccionado = view(\n Inputs.select(opcionesMunicipio, {\n label: \"Municipio\",\n value: \"Todos\"\n })\n)\n","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"const anio = view(\n Inputs.range([2013, 2024], {\n step: 1,\n value: 2024,\n label: \"Año\"\n })\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"$4f","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W50","stdlib":"2"}} 42:null