31:T414,function annotate(svg, p, countries, type) { const c = countryNames.filter(d => countries.includes(d.iso)); const newPositions = moveLabels(c, p); const text = svg .append("g") .selectAll("text") .data(newPositions) .join("text") .style('font-family', 'sans-serif') .style('font-size', '.65em') .style('paint-order', 'stroke') .style('stroke-width', '3') .style('stroke', 'rgba(255,255,255,.85)') .style('stroke-linecap', 'round') .style('stroke-linejoin', 'round') .style('paint-order', 'stroke') .style('text-anchor', 'middle') .attr("transform", d => `translate(${d.x}, ${d.y})`); text .append("tspan") .attr("x", 0) .attr("y", 0) .text(d => countryNames.find(dd => dd.iso === d.iso).long); text .append("tspan") .style('font-weight', 'bold') .attr("x", 0) .attr("y", '.88em') .text( d => `${type === 'vaccines' ? '' : ''}${number( vaccinedByCountryLatest.find(dd => dd.iso === d.iso)[type] )}` ); }32:T43c,function drawShaded(svg) { svg .selectAll('path') .data(topojson.feature(worldMap, noAntarctica).features) .join('path') .attr("id", "paises") .attr("fill", d => { const _d = vaccinedByCountryLatest.find( dd => dd.iso === d.properties.Color_Code ); if (_d === undefined) return '#f3f3f3'; else if (dd1 == "Dosis administradas") return color(_d.vaccines); else if (dd1 == "% Población") return color(_d.vx1000); }) .attr("d", path.projection(projection.world)); svg .append('path') .datum(topojson.mesh(worldMap, countryBorders, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", '#fff') .attr("stroke-width", ".1vw") .attr("stroke-linejoin", "round") .attr("d", path.projection(projection.world)); svg .selectAll('hoverPath') .data(topojson.feature(worldMap, noAntarctica).features) .join('path') .attr('class', 'hoverPath') .attr("fill-opacity", 0) .attr("stroke", "#000") .attr("stroke-width", 1) .attr("opacity", 0) .attr("d", path); }33:T4a5c,countryNames = [ { jhu: "Aruba", esp: "Aruba", short: "Aru.", iso: "ABW" }, { jhu: "Afghanistan", esp: "Afganistán", short: "Afg.", iso: "AFG" }, { jhu: "Angola", esp: "Angola", short: "An.", iso: "AGO" }, { jhu: "Albania", esp: "Albania", short: "Alb.", iso: "ALB" }, { jhu: "Andorra", esp: "Andorra", short: "And.", iso: "AND" }, { jhu: "United Arab Emirates", esp: "Emiratos Árabes Unidos", short: "U.A.E.", iso: "ARE" }, { jhu: "Argentina", esp: "Argentina", short: "Arg.", iso: "ARG" }, { jhu: "Armenia", esp: "Armenia", short: "Arm.", iso: "ARM" }, { jhu: "Antigua and Barbuda", esp: "Antigua y Barbuda", short: "A. and B.", iso: "ATG" }, { jhu: "Australia", esp: "Australia", short: "Aus.", iso: "AUS" }, { jhu: "Austria", esp: "Austria", short: "Au.", iso: "AUT" }, { jhu: "Azerbaijan", esp: "Azerbaijan", short: "Aze.", iso: "AZE" }, { jhu: "Burundi", esp: "Burundi", short: "Buru.", iso: "BDI" }, { jhu: "Belgium", esp: "Bélgica", short: "Bel.", iso: "BEL" }, { jhu: "Benin", esp: "Benin", short: "Benin", iso: "BEN" }, { jhu: "Bermuda", esp: "Bermuda", short: "Bermuda", iso: "BMU" }, { jhu: "Burkina Faso", esp: "Burkina Faso", short: "B.F.", iso: "BFA" }, { jhu: "Bangladesh", esp: "Bangladesh", short: "Bangl.", iso: "BGD" }, { jhu: "Bulgaria", esp: "Bulgaria", short: "Bu.", iso: "BGR" }, { jhu: "Bahrain", esp: "Bahrain", short: "Bah.", iso: "BHR" }, { jhu: "Bahamas, The", esp: "Bahamas, The", short: "Bah.", iso: "BHS" }, { jhu: "Bosnia and Herzegovina", esp: "Bosnia y Herzegovina", short: "B. and H.", iso: "BIH" }, { jhu: "Belarus", esp: "Bielorrusia", short: "Bela.", iso: "BLR" }, { jhu: "Belize", esp: "Belize", short: "Belize", iso: "BLZ" }, { jhu: "Bolivia", esp: "Bolivia", short: "Bol.", iso: "BOL" }, { jhu: "Brazil", esp: "Brasil", short: "Brazil", iso: "BRA" }, { jhu: "Barbados", esp: "Barbados", short: "Barb.", iso: "BRB" }, { jhu: "Brunei", esp: "Brunei Darussalam", short: "Bru.", iso: "BRN" }, { jhu: "Bhutan", esp: "Bután", short: "Bhu.", iso: "BTN" }, { jhu: "Botswana", esp: "Botswana", short: "Bots.", iso: "BWA" }, { jhu: "Central African Republic", esp: "Central African Republic", short: "C.A.F.", iso: "CAF" }, { jhu: "Canada", esp: "Canadá", short: "Can.", iso: "CAN" }, { jhu: "Switzerland", esp: "Suiza", short: "Switz.", iso: "CHE" }, { jhu: "Chile", esp: "Chile", short: "Chile", iso: "CHL" }, { jhu: "China", esp: "China", short: "China", iso: "CHN" }, { jhu: "Cote d'Ivoire", esp: "Cote d'Ivoire", short: "Ivo. Co.", iso: "CIV" }, { jhu: "Cameroon", esp: "Camerúnn", short: "Cam.", iso: "CMR" }, { jhu: "Congo (Kinshasa)", esp: "Congo, Dem. Rep.", short: "D.R.C.", iso: "COD" }, { jhu: "Congo (Brazzaville)", esp: "Congo, Rep.", short: "Congo", iso: "COG" }, { jhu: "Colombia", esp: "Colombia", short: "Col.", iso: "COL" }, { jhu: "Comoros", esp: "Comoros", short: "Como.", iso: "COM" }, { jhu: "Cabo Verde", esp: "Cabo Verde", short: "C. Verde", iso: "CPV" }, { jhu: "Cape Verde", esp: "Cabo Verde", short: "C. Verde", iso: "CPV" }, { jhu: "Costa Rica", esp: "Costa Rica", short: "Co. Rica", iso: "CRI" }, { jhu: "Cuba", esp: "Cuba", short: "Cuba", iso: "CUB" }, { jhu: "Cyprus", esp: "Cyprus", short: "Cyprus", iso: "CYP" }, { jhu: "Czechia", esp: "República Checa", short: "Cz. Rep.", iso: "CZE" }, { jhu: "Germany", esp: "Alemania", short: "Ger.", iso: "DEU" }, { jhu: "Djibouti", esp: "Djibouti", short: "Dji.", iso: "DJI" }, { jhu: "Dominica", esp: "Dominica", short: "Domin.", iso: "DMA" }, { jhu: "Denmark", esp: "Dinamarca", short: "Den.", iso: "DNK" }, { jhu: "Dominican Republic", esp: "Dominican Republic", short: "Dom. Rep.", iso: "DOM" }, { jhu: "Algeria", esp: "Algeria", short: "Alg.", iso: "DZA" }, { jhu: "Ecuador", esp: "Ecuador", short: "Ecu.", iso: "ECU" }, { jhu: "Egypt", esp: "Egypt, Arab Rep.", short: "Egy.", iso: "EGY" }, { jhu: "Eritrea", esp: "Eritrea", short: "Eri.", iso: "ERI" }, { jhu: "Spain", esp: "España", short: "Spa.", iso: "ESP" }, { jhu: "Estonia", esp: "Estonia", short: "Est.", iso: "EST" }, { jhu: "Ethiopia", esp: "Etiopia", short: "Ethi.", iso: "ETH" }, { jhu: "Faeroe Islands", esp: "Islas Feroe", short: "Fro.", iso: "FRO" }, { jhu: "Finland", esp: "Finlandia", short: "Fin.", iso: "FIN" }, { jhu: "Fiji", esp: "Fiji", short: "Fiji", iso: "FJI" }, { jhu: "France", esp: "Francia", short: "Fra.", iso: "FRA" }, { jhu: "Micronesia", esp: "Micronesia, Fed. Sts.", short: "Micr.", iso: "FSM" }, { jhu: "Gabon", esp: "Gabón", short: "Gabon", iso: "GAB" }, { jhu: "United Kingdom", esp: "Reino Unido", short: "U.K.", iso: "GBR" }, { jhu: "Georgia", esp: "Georgia", short: "Geo.", iso: "GEO" }, { jhu: "Gibraltar", esp: "Gibraltar", short: "Gib.", iso: "GIB" }, { jhu: "Ghana", esp: "Ghana", short: "Gha.", iso: "GHA" }, { jhu: "Guinea", esp: "Guinea", short: "Guinea", iso: "GIN" }, { jhu: "Gambia, The", esp: "Gambia", short: "Gamb.", iso: "GMB" }, { jhu: "Guinea-Bissau", esp: "Guinea-Bissau", short: "Gui.-B.", iso: "GNB" }, { jhu: "Equatorial Guinea", esp: "Guinea Equatorial", short: "Eq. Gui.", iso: "GNQ" }, { jhu: "Greece", esp: "Grecia", short: "Gr.", iso: "GRC" }, { jhu: "Grenada", esp: "Granada", short: "Gre.", iso: "GRD" }, { jhu: "Guatemala", esp: "Guatemala", short: "Gua.", iso: "GTM" }, { jhu: "Guernsey", esp: "Guernsey", short: "Gny.", iso: "GGY" }, { jhu: "Guyana", esp: "Guayana", short: "Guy.", iso: "GUY" }, { jhu: "Hong Kong", esp: "Hong Kong", short: "H.K.", iso: "HKG" }, { jhu: "Honduras", esp: "Honduras", short: "Hon.", iso: "HND" }, { jhu: "Croatia", esp: "Croacia", short: "Cro.", iso: "HRV" }, { jhu: "Haiti", esp: "Haiti", short: "Haiti", iso: "HTI" }, { jhu: "Hungary", esp: "Hungría", short: "Hun.", iso: "HUN" }, { jhu: "Indonesia", esp: "Indonesia", short: "Indo.", iso: "IDN" }, { jhu: "India", esp: "India", short: "India", iso: "IND" }, { jhu: "Ireland", esp: "Irlanda", short: "Ire.", iso: "IRL" }, { jhu: "Iran", esp: "Irán", short: "Iran", iso: "IRN" }, { jhu: "Iraq", esp: "Iraq", short: "Iraq", iso: "IRQ" }, { jhu: "Iceland", esp: "Islandia", short: "Ice.", iso: "ISL" }, { jhu: "Israel", esp: "Israel", short: "Isr.", iso: "ISR" }, { jhu: "Isle of Man", esp: "Isla de Man", short: "Man.", iso: "IMN" }, { jhu: "Italy", esp: "Italia", short: "Ita.", iso: "ITA" }, { jhu: "Jamaica", esp: "Jamaica", short: "Jam.", iso: "JAM" }, { jhu: "Jordan", esp: "Jordan", short: "Jor.", iso: "JOR" }, { jhu: "Japan", esp: "Japón", short: "Japan", iso: "JPN" }, { jhu: "Jersey", esp: "Jersey", short: "Jer.", iso: "JEY" }, { jhu: "Cruise Ship", esp: "Diamond Princess", short: "D. P. ship", iso: "JPN2" }, { jhu: "Cayman Islands", esp: "Islas Caimán", short: "I. Caiman", iso: "CYM" }, { jhu: "Kazakhstan", esp: "Kazakhstan", short: "Kaz.", iso: "KAZ" }, { jhu: "Kenya", esp: "Kenya", short: "Ken.", iso: "KEN" }, { jhu: "Kyrgyzstan", esp: "Kyrgyz Republic", short: "Kyr.", iso: "KGZ" }, { jhu: "Cambodia", esp: "Cambodia", short: "Camb.", iso: "KHM" }, { jhu: "Kiribati", esp: "Kiribati", short: "Kiri.", iso: "KIR" }, { jhu: "St. Kitts and Nevis", esp: "St. Kitts and Nevis", short: "Kna.", iso: "KNA" }, { jhu: "Korea, South", esp: "South Korea", short: "S. Kor.", iso: "KOR" }, { jhu: "Kuwait", esp: "Kuwait", short: "Ku.", iso: "KWT" }, { jhu: "Lao PDR", esp: "Lao PDR", short: "Laos", iso: "LAO" }, { jhu: "Lebanon", esp: "Lebanon", short: "Leb.", iso: "LBN" }, { jhu: "Liberia", esp: "Liberia", short: "Libe.", iso: "LBR" }, { jhu: "Libya", esp: "Libya", short: "Lib.", iso: "LBY" }, { jhu: "Saint Lucia", esp: "St. Lucia", short: "St. L.", iso: "LCA" }, { jhu: "Liechtenstein", esp: "Liechtenstein", short: "Lie.", iso: "LIE" }, { jhu: "Sri Lanka", esp: "Sri Lanka", short: "Sri L.", iso: "LKA" }, { jhu: "Lesotho", esp: "Lesotho", short: "Les.", iso: "LSO" }, { jhu: "Lithuania", esp: "Lithuania", short: "Lith.", iso: "LTU" }, { jhu: "Luxembourg", esp: "Luxembourg", short: "Lux.", iso: "LUX" }, { jhu: "Latvia", esp: "Latvia", short: "Lat.", iso: "LVA" }, { jhu: "Macao", esp: "Macao SAR, China", short: "Macao", iso: "MAC" }, { jhu: "Morocco", esp: "Morocco", short: "Mor.", iso: "MAR" }, { jhu: "Monaco", esp: "Monaco", short: "Mo.", iso: "MCO" }, { jhu: "Moldova", esp: "Moldova", short: "Mold.", iso: "MDA" }, { jhu: "Madagascar", esp: "Madagascar", short: "Mada.", iso: "MDG" }, { jhu: "Maldives", esp: "Maldives", short: "Mald.", iso: "MDV" }, { jhu: "Mexico", esp: "México", short: "Mex.", iso: "MEX" }, { jhu: "Marshall Islands", esp: "Marshall Islands", short: "Mar. Is.", iso: "MHL" }, { jhu: "North Macedonia", esp: "Macedonia, FYR", short: "Mac.", iso: "MKD" }, { jhu: "Mali", esp: "Mali", short: "Mali", iso: "MLI" }, { jhu: "Malta", esp: "Malta", short: "Malta", iso: "MLT" }, { jhu: "Myanmar", esp: "Myanmar", short: "Mya.", iso: "MMR" }, { jhu: "Montenegro", esp: "Montenegro", short: "Mont.", iso: "MNE" }, { jhu: "Mongolia", esp: "Mongolia", short: "Mon.", iso: "MNG" }, { jhu: "Mozambique", esp: "Mozambique", short: "Moz.", iso: "MOZ" }, { jhu: "Mauritania", esp: "Mauritania", short: "Mau.", iso: "MRT" }, { jhu: "Martinique", esp: "Martinique", short: "Mart.", iso: "MTQ" }, { jhu: "Mauritius", esp: "Mauritius", short: "Maur.", iso: "MUS" }, { jhu: "Malawi", esp: "Malawi", short: "Mala.", iso: "MWI" }, { jhu: "Malaysia", esp: "Malaysia", short: "Mal.", iso: "MYS" }, { jhu: "Namibia", esp: "Namibia", short: "Nam.", iso: "NAM" }, { jhu: "Niger", esp: "Niger", short: "Niger", iso: "NER" }, { jhu: "Nigeria", esp: "Nigeria", short: "Nig.", iso: "NGA" }, { jhu: "Nicaragua", esp: "Nicaragua", short: "Nic.", iso: "NIC" }, { jhu: "Netherlands", esp: "Holanda", short: "Neth.", iso: "NLD" }, { jhu: "Norway", esp: "Noruega", short: "Nor.", iso: "NOR" }, { jhu: "Nepal", esp: "Nepal", short: "Nep.", iso: "NPL" }, { jhu: "Nauru", esp: "Nauru", short: "Nauru", iso: "NRU" }, { jhu: "New Zealand", esp: "Nueva Zelanda", short: "N.Z.", iso: "NZL" }, { jhu: "Oman", esp: "Omán", short: "Oman", iso: "OMN" }, { jhu: "Pakistan", esp: "Pakistán", short: "Pak.", iso: "PAK" }, { jhu: "Panama", esp: "Panamá", short: "Pan.", iso: "PAN" }, { jhu: "Peru", esp: "Perú", short: "Peru", iso: "PER" }, { jhu: "Philippines", esp: "Filipinas", short: "Phil.", iso: "PHL" }, { jhu: "Palau", esp: "Palau", short: "Palau", iso: "PLW" }, { jhu: "Papua New Guinea", esp: "Papua New Guinea", short: "Pap. N.G.", iso: "PNG" }, { jhu: "Poland", esp: "Polonia", short: "Pol.", iso: "POL" }, { jhu: "Korea, Dem. People’s Rep.", esp: "Korea, Dem. People’s Rep.", short: "N. Kor.", iso: "PRK" }, { jhu: "Portugal", esp: "Portugal", short: "Port.", iso: "PRT" }, { jhu: "Paraguay", esp: "Paraguay", short: "Para.", iso: "PRY" }, { jhu: "Qatar", esp: "Qatar", short: "Qatar", iso: "QAT" }, { jhu: "Kosovo", esp: "Kosovo", short: "Kos.", iso: "RKS" }, { jhu: "Romania", esp: "Rumanía", short: "Rom.", iso: "ROU" }, { jhu: "Russia", esp: "Rusia", short: "Russia", iso: "RUS" }, { jhu: "Rwanda", esp: "Rwanda", short: "Rwa.", iso: "RWA" }, { jhu: "Saudi Arabia", esp: "Arabia Saudí", short: "S. Ara.", iso: "SAU" }, { jhu: "Sudan", esp: "Sudan", short: "Sud.", iso: "SDN" }, { jhu: "Senegal", esp: "Senegal", short: "Sen.", iso: "SEN" }, { jhu: "Singapore", esp: "Singapore", short: "Sin.", iso: "SGP" }, { jhu: "Solomon Islands", esp: "Solomon Islands", short: "Solo. Is.", iso: "SLB" }, { jhu: "Sierra Leone", esp: "Sierra Leone", short: "S. Leone", iso: "SLE" }, { jhu: "El Salvador", esp: "El Salvador", short: "El Sal.", iso: "SLV" }, { jhu: "San Marino", esp: "San Marino", short: "S. Mar.", iso: "SMR" }, { jhu: "Somalia", esp: "Somalia", short: "Som.", iso: "SOM" }, { jhu: "Serbia", esp: "Serbia", short: "Ser.", iso: "SRB" }, { jhu: "South Sudan", esp: "South Sudan", short: "S. Sud.", iso: "SSD" }, { jhu: "Sao Tome and Principe", esp: "Sao Tome and Principe", short: "S.T. and P.", iso: "STP" }, { jhu: "Suriname", esp: "Suriname", short: "Suri.", iso: "SUR" }, { jhu: "Slovakia", esp: "Slovak Republic", short: "Slo. Rep.", iso: "SVK" }, { jhu: "Slovenia", esp: "Eslovenia", short: "Slo.", iso: "SVN" }, { jhu: "Sweden", esp: "Suecia", short: "Swe.", iso: "SWE" }, { jhu: "Eswatini", esp: "Eswatini", short: "Swazi.", iso: "SWZ" }, { jhu: "Seychelles", esp: "Seychelles", short: "Sey.", iso: "SYC" }, { jhu: "Syrian Arab Republic", esp: "Syrian Arab Republic", short: "Syr.", iso: "SYR" }, { jhu: "Turks and Caicos Islands", esp: "Turks and Caicos Islands", short: "Tca.", iso: "TCA" }, { jhu: "Chad", esp: "Chad", short: "Chad", iso: "TCD" }, { jhu: "Togo", esp: "Togo", short: "Togo", iso: "TGO" }, { jhu: "Thailand", esp: "Tailandia", short: "Tha.", iso: "THA" }, { jhu: "Tajikistan", esp: "Tajikistan", short: "Taj.", iso: "TJK" }, { jhu: "Turkmenistan", esp: "Turkmenistan", short: "Turkm.", iso: "TKM" }, { jhu: "East Timor", esp: "Timor-Leste", short: "T.L.", iso: "TLS" }, { jhu: "Tonga", esp: "Tonga", short: "Tonga", iso: "TON" }, { jhu: "Trinidad and Tobago", esp: "Trinidad and Tobago", short: "T. and T.", iso: "TTO" }, { jhu: "Tunisia", esp: "Tunisia", short: "Tuni.", iso: "TUN" }, { jhu: "Turkey", esp: "Turquía", short: "Tur.", iso: "TUR" }, { jhu: "Taiwan", esp: "Taiwan", short: "Tw.", iso: "TWN" }, { jhu: "Tanzania", esp: "Tanzania", short: "Tanz.", iso: "TZA" }, { jhu: "Uganda", esp: "Uganda", short: "Ug.", iso: "UGA" }, { jhu: "Ukraine", esp: "Ukraine", short: "Ukr.", iso: "UKR" }, { jhu: "Uruguay", esp: "Uruguay", short: "Uru.", iso: "URY" }, { jhu: "US", esp: "Estados Unidos", short: "USA", iso: "USA" }, { jhu: "Uzbekistan", esp: "Uzbekistan", short: "Uzb.", iso: "UZB" }, { jhu: "Holy See", esp: "Vatican", short: "Vatican", iso: "VAT" }, { jhu: "Saint Vincent and the Grenadines", esp: "St. Vincent and the Grenadines", short: "Vct.", iso: "VCT" }, { jhu: "Venezuela", esp: "Venezuela", short: "Ven.", iso: "VEN" }, { jhu: "British Virgin Islands", esp: "British Virgin Islands", short: "Br. V. Is.", iso: "VGB" }, { jhu: "Vietnam", esp: "Viet Nam", short: "Viet.", iso: "VNM" }, { jhu: "Vanuatu", esp: "Vanuatu", short: "Van.", iso: "VUT" }, { jhu: "Samoa", esp: "Samoa", short: "Samoa", iso: "WSM" }, { jhu: "Yemen", esp: "Yemen, Rep.", short: "Yemen", iso: "YEM" }, { jhu: "South Africa", esp: "Sudáfrica", short: "S. Africa", iso: "ZAF" }, { jhu: "Zambia", esp: "Zambia", short: "Zambia", iso: "ZMB" }, { jhu: "Zimbabwe", esp: "Zimbabwe", short: "Zimb.", iso: "ZWE" }, { jhu: "Timor-Leste", esp: "Timor-Leste", short: "T.L.", iso: "TLS" }, { jhu: "The Bahamas", esp: "Bahamas, The", short: "Bah.", iso: "BHS" }, { jhu: "The Gambia", esp: "Gambia, The", short: "Gamb.", iso: "GMB" }, { jhu: "Republic of the Congo", esp: "Congo, Rep.", short: "Congo", iso: "COG" }, { jhu: "Greenland", esp: "Greenland", short: "Greenland", iso: "GRL" }, { jhu: "Puerto Rico", esp: "Puerto Rico", short: "Puerto Rico", iso: "PRI" } ]34:[{"id":"76d4b7a1bf7440cff87d30058e0cc919eb0e6e686853d0091ccf2d6fc89c0036a41394086f6b2c80412800109007b1cd2514b5f4c8888c0ffb56d78ecbccf8de","href":"https://static.observableusercontent.com/files/76d4b7a1bf7440cff87d30058e0cc919eb0e6e686853d0091ccf2d6fc89c0036a41394086f6b2c80412800109007b1cd2514b5f4c8888c0ffb56d78ecbccf8de","name":"world.json","type":"application/json","lastModified":1609063919919.658,"size":209743}] 2f:{"title":"Vacunación global","cells":[{"id":3355,"value":"md`

Vacunación global

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3364,"value":"top_dosis = md` \n

Ya hay personas con la pauta completa en **${vaccinesRaw.length}** países diferentes. Los cinco países que más personas vacunadas son: **${topdosis\n .slice(0, 5)\n .map(d => d.pais)\n .join(', ')\n .replace(/, ([^,]*)$/, ' y $1')}**.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3450,"value":"top_inmune = md` \n

Los cinco países que mayor porcentaje de la población han vacunado son: **${topinmune\n .slice(0, 5)\n .map(d => d.País)\n .join(', ')\n .replace(/, ([^,]*)$/, ' y $1')}**.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3402,"value":"overall = {\n const container = d3\n .select(html`

`)\n .style('font-family', 'sans-serif')\n .style('width', `viewbox px`)\n .style('text-align', 'center');\n\n const confirmedCases = {\n value: totalVaccines,\n label: 'dosis',\n key: 'vaccines'\n };\n\n const top = container\n .selectAll('div')\n .data([confirmedCases])\n .join('div')\n .style('width', '250px')\n .style('padding', '1.5em')\n .style('line-height', 1.8)\n .style('font-size', '.9em')\n .style('color', '#808080')\n .style('display', 'inline-block')\n .style('text-align', 'center')\n .style('vertical-align', 'middle')\n .style('border', '2px solid #BDBDBD')\n .html(d => {\n return `${totalVaccines.toLocaleString(\n \"de-DE\"\n )} vacunados
${fecha}`;\n });\n\n return container.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3703,"value":"viewof dd1 = multiButtonSelect({\n defaultValue: \"% Población\",\n options: [\n { label: \"Nº Población vacunada\", value: \"Dosis administradas\" },\n {\n label: \"% Población vacunada\",\n value: \"% Población\"\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3263,"value":"leyenda = legend({\n color,\n title: dd1,\n tickFormat: \".2s\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"worldNewCases = {\n const h = height(projection.world),\n p = projection.world;\n const svg = d3\n .create('svg')\n .attr('viewBox', [width * .1, 0, width * .87, h * .825])\n .attr('z-index', '2')\n .style(\"overflow\", \"visible\");\n\n const data = tooltip_info;\n\n drawShaded(svg);\n tooltip(svg, '.hoverPath', data, 'tooltip');\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3191,"value":"tabla = html`

Top 20 países que ya han hecho pública información sobre dosis administradas

\n\n\n\n\n\n\n\n\n${tableData\n .map(\n ({ País, Fecha, Dosis, dx100 }) =>\n html``\n )\n .slice(0, 20)}

País	Fecha	Pauta completa	Población vacunada
${País}	${Fecha}	${number(\n Dosis\n )}	${dx100}%

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3215,"value":"md`Datos de [Our World in Data](https://ourworldindata.org/covid-vaccinations)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3211,"value":"md`----------`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3036,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2788,"value":"fecha = new Date(lastDate).toLocaleString(\"es\", {\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2776,"value":"lastDate = worldVaccines.sort((a, b) => b.date - a.date)[0].date","pinned":false,"hidden":false,"mode":"ojs"},{"id":2803,"value":"totalVaccines = d3.max(worldVaccines, d => Math.abs(d.people_fully_vaccinated))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3116,"value":"tableData = Array.from(\n d3.rollup(\n topdosis,\n v => {\n return {\n País: v[0].pais,\n Fecha: new Date(v[0].date).toLocaleString(\"es-ES\", {\n month: \"numeric\",\n day: \"numeric\"\n }),\n Dosis: +v[0].vaccines,\n dx100: (+v[0].dx100).toLocaleString(\"de-DE\")\n };\n },\n d => d.pais\n ),\n ([key, value]) => value\n).sort((a, b) => b.vaccines - a.vaccines)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3454,"value":"topinmune = Array.from(\n d3.rollup(\n topdosis,\n v => {\n return {\n País: v[0].pais,\n Fecha: new Date(v[0].date).toLocaleString(\"es-ES\", {\n month: \"numeric\",\n day: \"numeric\"\n }),\n Dosis: +v[0].vaccines,\n dx100: +v[0].dx100\n };\n },\n d => d.pais\n ),\n ([key, value]) => value\n).sort((a, b) => b.dx100 - a.dx100)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3745,"value":"tooltip_info = tooltip_raw.map(d => {\n d.tooltip = `${d.pais}\n${number(d.vaccines)} vacunados\n${(+d.dx100).toLocaleString(\"de-DE\")}% de población`;\n\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3742,"value":"tooltip_raw = join(\n countryNames,\n vaccinedLatest,\n \"iso\",\n \"iso_code\",\n (last, country) => ({\n iso: last.iso_code,\n pais: last.location,\n date: last.date,\n vaccines: +last.people_fully_vaccinated,\n dx100: last.people_fully_vaccinated_per_hundred\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3324,"value":"topdosis = join(\n countryNames,\n vaccinedLatest,\n \"iso\",\n \"iso_code\",\n (last, country) => ({\n pais: last.location,\n date: last.date,\n vaccines: +last.people_fully_vaccinated,\n dx100: last.people_fully_vaccinated_per_hundred\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2677,"value":"vaccinedByCountryLatest = Array.from(\n d3.rollup(\n vaccinedLatest,\n v => {\n return {\n country: v[0].location,\n iso: v[0].iso_code,\n date: new Date(v[0].date),\n country: v[0].location,\n vaccines: +v[0].people_fully_vaccinated,\n vx1000: +v[0].people_fully_vaccinated_per_hundred\n };\n },\n d => d.location\n ),\n ([key, value]) => value\n).sort((a, b) => b.vaccines - a.vaccines)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2571,"value":"vaccinedLatest = vaccinesRaw\n .map(d => d[d.length - 1])\n .filter(d => d.population > 100000)\n .sort((a, b) => b.people_fully_vaccinated - a.people_fully_vaccinated)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2564,"value":"vaccinesRaw = d3\n .groups(vaccines, d => d.location)\n .map(([, rows]) => rows)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2716,"value":"vaccines = data\n .filter(d => d.people_fully_vaccinated > 0)\n .filter(d => d.iso_code.length === 3)\n .filter(d => d.location !== \"World\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2708,"value":"worldVaccines = data\n .filter(d => d.location === \"World\")\n .filter(d => d.people_fully_vaccinated > 0)\n .sort((a, b) => b.people_fully_vaccinated - a.people_fully_vaccinated)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2555,"value":"data = d3.csv('https://covid.ourworldindata.org/data/owid-covid-data.csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":3570,"value":"md`### Colores`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3578,"value":"max_value = d3.max(vaccinedLatest, d => Math.abs(d.people_fully_vaccinated))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3584,"value":"max_pop = d3.max(vaccinedLatest, d =>\n Math.abs(d.people_fully_vaccinated_per_hundred)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4001,"value":"mean_pop = d3.mean(vaccinedLatest, d => d.people_fully_vaccinated_per_hundred)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4011,"value":"median_pop = d3.median(\n vaccinedLatest,\n d => d.people_fully_vaccinated_per_hundred\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3269,"value":"color = {\n if (dd1 == \"Dosis administradas\") {\n return d3.scaleQuantile(\n [0, max_value / 2, max_value / 3, max_value / 1.5, max_value],\n [\"#EBFCF1\", \"#bdedcd\", \"#92e1ad\", \"#66d58c\", \"#25C45B\"]\n );\n } else if (dd1 == \"% Población\") {\n return d3.scaleQuantile(\n [0, 1.5, 3, 7, max_pop],\n [\"#EBFCF1\", \"#bdedcd\", \"#92e1ad\", \"#66d58c\", \"#25C45B\"]\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1861,"value":"colors = d3\n .scaleOrdinal()\n .domain(['vaccines', 'countries'])\n .range(['#25c45b', '#232323'])","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"md `### Libraries and utility functions\nWe used **D3** for the data transformations and visualization, and **topojson** for all map-related operations.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = {\n const d3 = await require(\"d3-array@^2.2\", \"d3-shape@1\", \"d3-axis@1\", \"d3-format@1\", \"d3-random@1\", \"d3-scale@2\", \"d3-random@1\", \"d3-selection@1\", \"d3-fetch@1\", \"d3-brush\",\"d3-zoom\",\"d3-interpolate\", \"d3-transition@1\", \"d3-scale-chromatic@1\", \"d3-geo@1\", \"d3-time-format\", \"d3-geo-projection@2\", \"d3-force@1\");\n d3.bin = d3.histogram;\n d3.area = d3.area;\n return d3;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1430,"value":"md `Everything else is maps, chart-drawing functions, scales, formats and lookup lists to keep country names consistent.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1255,"value":"function moveLabels(countries, proj = null) {\n countries.forEach(c => {\n [c.x, c.y] = (proj)?proj([c.lon, c.lat]):[c.x0, c.y0];\n c.r = 24;\n });\n\n const force = d3\n .forceSimulation()\n .force(\"x\", d3.forceX(d => d.x))\n .force(\"y\", d3.forceY(d => d.y))\n .force(\"collide\", d3.forceCollide().radius(d => d.r).iterations(2))\n .nodes(countries)\n .stop()\n .tick(15);\n\n return countries;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":875,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":557,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"countryBorders = ({\n type: \"GeometryCollection\",\n geometries: worldMap.objects.countries.geometries.filter(d=> d.properties.ISO3_CODE.length <= 3)\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"noAntarctica = ({\n type: \"GeometryCollection\",\n geometries: worldMap.objects.countries.geometries.filter(d=> d.properties.ISO3_CODE !== 'ATA')\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"projection = ({\n world: d3.geoKavrayskiy7(),\n europe: d3\n .geoAzimuthalEqualArea()\n .rotate([-16, -55])\n .scale(900),\n asia: d3\n .geoAzimuthalEqualArea()\n .rotate([-85, -29])\n .scale(480),\n us: d3\n .geoAlbersUsa()\n .scale(1250)\n .translate([487.5, 305])\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"function height (p){\n const projection = p;\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"path = d3.geoPath();","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"number = d3.format('.2s')","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"worldMap = FileAttachment('world.json').json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":858,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":3733,"value":"function tooltip(svg, shape, data, value) {\n const tooltip = svg.append(\"g\");\n\n svg\n .selectAll(shape)\n .on(\"mouseover\", function(d) {\n const string = data.find(dd => dd.iso === d.properties.Color_Code)[value];\n tooltip.call(callout, string);\n d3.select(this).attr(\"opacity\", 1);\n })\n .on(\"mousemove\", function() {\n tooltip\n .attr(\n \"transform\",\n `translate(${d3.mouse(this)[0]},${d3.mouse(this)[1]})`\n )\n .attr(\"position\", \"fixed\")\n .attr(\"z-index\", \"1000\")\n .style(\"overflow\", \"visible\");\n })\n .on(\"mouseout\", function() {\n tooltip.call(callout, null);\n d3.select(this).attr(\"opacity\", 0);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3319,"value":"function join(lookupTable, mainTable, lookupKey, mainKey, select) {\n const l = lookupTable.length,\n m = mainTable.length,\n output = [],\n // create an index for lookup table\n lookupIndex = new Map(lookupTable.map(d => [d[lookupKey], d]));\n\n return mainTable.map(d => select(d, lookupIndex.get(d[mainKey])));\n return output;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3238,"value":"import { callout } from \"@d3/line-chart-with-tooltip\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":3265,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4082,"value":"import { Table } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":3549,"value":"multiButtonSelect = params => {\n const title = params.title;\n const options = params.options;\n let value = params.defaultValue;\n\n const buttonObjects = options.map(opt => {\n const button = html``;\n button.onclick = () => (value = opt.value);\n return button;\n });\n\n const view = html`\n\n`;\n\n Object.defineProperty(view, \"value\", {\n get() {\n return value;\n }\n });\n\n return view;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}