31:T4bd,mapa_avance = { const datos = await d3.json(`https://corsproxy.io/?${encodeURIComponent("https://wmac.ine.gob.bo/api/consultas/listaFinal")}`) const topo = await FileAttachment("bolivia.json").json(); const mapa = topojson.feature(topo, topo.objects.data); const avance = {}; datos.data.forEach(m => { const state = { departamento: m.departamento, provincia: m.provincia, municipio: m.municipio, codine: Number(m.cod_depto + m.cod_prov + m.cod_mpio), total: Number(m['TOTAL DE AREAS']), concluido: Number(m['AREAS CONCLUIDAS']), proceso: Number(m['AREAS EN PROCESO']), sin_asignar: Number(m['AREAS SIN ASIGNAR']) }; if (state.codine in avance) { ['total', 'concluido', 'proceso', 'sin_asignar'].forEach(i => { avance[state.codine][i] += state[i] }); } else { avance[state.codine] = state }; }); Object.keys(avance).map(m => { avance[m].p_concluido = avance[m].concluido / avance[m].total }); const features = [] mapa.features.forEach(m => { if (avance[m.id]) { m.properties = avance[m.id] features.push(m) } }) mapa.features = features return mapa }32:[{"id":"58b915d61ae2d7e51fcd94aee6c2ba308c18d3b302ae661dbc322134d90b46beea18d6e26439ddfe4c3b95bb53674db3bb004559be1a75b61f9309135191d9ce","href":"https://static.observableusercontent.com/files/58b915d61ae2d7e51fcd94aee6c2ba308c18d3b302ae661dbc322134d90b46beea18d6e26439ddfe4c3b95bb53674db3bb004559be1a75b61f9309135191d9ce","name":"bolivia.json","type":"application/json","lastModified":1686006060797.316,"size":544770}] 2f:{"title":"termina la Actualización Cartográfica","cells":[{"id":134,"value":"htl.html`\n

termina la Actualización Cartográfica

\n \n

termina la

Actualización Cartográfica

porcentaje de áreas concluidas por municipio

\n ${legend}\n

\n\n

\n ${plot}\n

\n\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":293,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"plot = Plot.plot({\n projection: {type: \"mercator\", domain: mapa_avance},\n style: {background: c.background},\n color: {scheme: \"Purples\", domain: [0,1], range: [0,0.75]},\n marks: [\n Plot.geo(mapa_avance, {\n fill: d => d.properties.p_concluido,\n strokeWidth: .4,\n stroke: c.background,\n opacity: .8,\n title: d => `${d.properties.municipio}\\n${d.properties.departamento}\\n${d.properties.total} áreas\\n${d3.format(\".0%\")(d.properties.p_concluido)} concluidas`\n }),\n Plot.text([resumen_avance.p_concluido], {\n text: d => d3.format('.1%')(d),\n fontSize: 30,\n fontWeight: 'bold',\n fill: c.complete,\n frameAnchor: 'top',\n textAnchor: 'start',\n lineAnchor: 'bottom',\n dy: 60,\n dx: -15\n }),\n Plot.text(['áreas concluidas a nivel nacional'], {\n fontSize: 10,\n fontWeight: 'normal',\n fill: c.complete,\n frameAnchor: 'top',\n textAnchor: 'start',\n lineAnchor: 'top',\n dy: 75,\n dx: -15\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"legend = html`

${plot.legend('color', {width: 200, ticks:5, tickFormat: (d) => [0,1].includes(d) ? \"\" : d3.format('.0%')(d)})}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":319,"value":"resumen_avance = {\n const resumen = mapa_avance.features.reduce((acc, i) => ({total: acc.total + Number(i.properties.total), concluido: acc.concluido + Number(i.properties.concluido)}), {total: 0, concluido: 0})\n resumen['p_concluido'] = resumen.concluido / resumen.total\n return resumen\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"c = ({\n background: \"#dfe4ed\",\n text: \"#8490a3\",\n complete: \"#7B68AA\"\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}