31:T7dc,chart = { d3.create('div').attr('id', 'map-restrictions-container'); const svg = d3 .create("svg") .attr('id', 'svg-map-restrictions') //.attr("viewBox", [-margin, 0, width + margin, height + margin]); .attr("width", "100%") .attr("height", height); // Interaction: on click, reset zoom // Reference: // https://observablehq.com/@richdayandnight/one-chart-a-day-zoom-in-to-per-country-in-the-world-map // https://observablehq.com/@d3/zoom-to-bounding-box // .on("click", reset); // NOT WORKING YET // Country paths const map = svg.append("g").attr("id", "map"); map .selectAll("path") .data(topojson.feature(world, world.objects.countries).features) //? .join("path") .attr("class", "country") .attr("d", path) //.attr("fill", colorProjectPrimary) .attr('fill', d => { return dataset.find(e => e['iso-code-num'] === d.id) ? color(dataset.find(e => e['iso-code-num'] === d.id).entry) : dataset.find(e => e['country_name'] === d.properties.name) ? color( dataset.find(e => e['country_name'] === d.properties.name).entry ) : // ? colorProjectPrimary "WhiteSmoke"; // no info }) .style('stroke', 'white') .style('stroke-width', '0.25px') .style("fill-opacity", 0.8) // Interaction .style("cursor", "pointer") .on("mouseover", onMouseOver) .on("mousemove", onMouseMove) .on("mouseout", onMouseOut); // Zoom behaviour // Refernece: https://observablehq.com/@d3/zoom const zoom = svg.call( d3 .zoom() .extent([[0, 0], [width, height]]) .scaleExtent([1, 8]) .on("zoom", zoomed) ); function zoomed({ transform }) { map.attr("transform", transform); } /* function reset() { svg .transition() .duration(750) .call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height / 2]) ); } */ return svg.node(); }32:T830,tooltipTextBorderlines = [ // 0: Entrada libre `

Si vienes desde ese país en barco o avión, puedes entrar en España de forma libre y sin tener que justificar el viaje.

`, // 1: Entrada con excepciones `

Si vienes desde ese país en barco o avión, solo puedes entrar en España si cumples con alguna de estas condiciones:

Eres un ciudadano europeo.
Resides en cualquier país de la Unión Europea, estados Schengen, Andorra, Mónaco, el Vaticano y San Marino, pero siempre te dirijes al país en el que vives.
Personas vacunadas (con pauta completa finalizada al menos 14 días antes del viaje) y menos de 9 meses de antigüedad o con certificado de recuperación. Los menores de entre 12 y hasta cumplir los 18 años pueden entrar con PCR 72 horas antes.
Eres titular de un visado de larga duración de un país Schengen, siempre que te dirijas a ese país.
Eres un profesional de la salud (incluye a investigadores y personas dedicadas al cuidado de mayores) que te dirijes o regresas a tu lugar de trabajo.
Formas parte del personal de transporte de mercancías y tripulantes de buques y de vuelo.
Formas parte del personal diplomático, de organizaciones internacionales y militares, o de organizaciones humanitarias, y necesitas venir por trabajo.
Eres un trabajador altamente cualificado cuya labor es necesaria y no pueda ser pospuesta o realizada a distancia.
Acudes por motivos familiares imperativos o de fuerza mayor o necesidad.

`, // 2: Entrada permitida solo a ciudadanos españoles o andorranos `

Tendrás que presentar una PCR 72 horas antes o un test de antígenos 24 horas antes con resultado negativo aunque estés vacunado. Además, debes tener un certificado de vacunación o de recuperación y permanecer en cuarentena a tu llegada durante 10 días o durante siete si proporcionas un test negativo.

` ]33:T417,tooltipTextPcr = [ // 0: No necesita PCR "No necesita certificado de vacunación, certificado de haber pasado la enfermedad o prueba negativa del virus (PCR o antígenos)", // 1: PCR (con excepciones si vienes de determinadas regiones) [ "Las personas mayores de doce años que viajen desde ", " tienen que presentar un certificado Covid o, si no, UNO de estos tres documentos: certificado de vacunación, certificado de haber pasado la enfermedad o prueba negativa del virus (PCR realizada 72 horas antes o antígenos 24 horas antes). Para quienes vengan del resto del país, no será necesario." ], // 2: Se exige PCR "Las personas mayores de doce años tienen que presentar un certificado Covid o, si no, UNO de estos tres documentos: certificado de vacunación, certificado de haber pasado la enfermedad o prueba negativa del virus (PCR realizada 72 horas antes o antígenos 24 horas antes).", // 3: PCR + cuarentena // "Se exige PCR y cuarentena si vienes en barco o en avión" // "No es necesario texto" "" ]34:T721,function onMouseOver(event, d, i) { let myCountryData = dataset.find(e => e['iso-code-num'] === d.id); if (!myCountryData) { myCountryData = dataset.find(e => e['country_name'] === d.properties.name); } const myCountryName = myCountryData ? myCountryData.country_name : d.properties.name; const myCountryCat = myCountryData ? myCountryData.entry : "No hay datos para ese país"; if (myCountryData) { let tooltipWidth = tooltip.node().offsetWidth; let tooltipHeight = tooltip.node().offsetHeight; let xPosition = event.pageX - tooltipWidth / 2; let yPosition = event.pageY + 10; d3.select(this).style('fill-opacity', 1); tooltip .style("left", xPosition + 'px') .style("top", yPosition) .attr('id', `tooltip-${myCountryName}`) .style('visibility', 'visible').html(` X

${myCountryName}

${ myCountryData.country_notes ? myCountryData.country_notes : '' }

${myCountryCat}

${myCountryData.entry_notes ? myCountryData.entry_notes : ''}

${ tooltipTextBorderlines[myCountryData.entryMessage] }

${ +myCountryData.pcrCode === 1 ? tooltipTextPcr[+myCountryData.pcrCode][0] + myCountryData.pcr_notes + tooltipTextPcr[+myCountryData.pcrCode][1] : tooltipTextPcr[+myCountryData.pcrCode] }

`); d3.select('.close-btn').on('click', () => tooltip.style("visibility", "hidden") ); } }35:T6fa,styles = html` `36:[{"id":"254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","href":"https://static.observableusercontent.com/files/254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","name":"countries-50m.json","type":"application/json","lastModified":1620658662929.821,"size":756420},{"id":"514e1bcbaeb8215f2dced3b9dbcd9e1d275e4491d522e4bae8bc8499d991d387418f53a477336369f90aad71c6efb316d1ceb42ec83cd064557a9079135e65de","href":"https://static.observableusercontent.com/files/514e1bcbaeb8215f2dced3b9dbcd9e1d275e4491d522e4bae8bc8499d991d387418f53a477336369f90aad71c6efb316d1ceb42ec83cd064557a9079135e65de","name":"pcr-borderlines-restrictions.csv","type":"text/csv","lastModified":1633078003765.282,"size":6717}] 2f:{"title":"#601 Restricciones vigentes para entrar en España por la crisis del Coronavirus","cells":[{"id":0,"value":"md`# #601 Restricciones vigentes para entrar en España por la crisis del Coronavirus\n\n(zoomeable)\n\nRef: https://observablehq.com/@d3/world-choropleth`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1041,"value":"update = \"6 de abril de 2022\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1045,"value":"updateOutput = html`

Información actualizada a ${update}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":477,"value":"md`### Tooltip`","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":570,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"tooltip = d3\n .select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"map-tooltip\")\n .style(\"position\", \"absolute\")\n .style(\"visibility\", \"hidden\")\n .text(\"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"mapLegend1 = swatches({\n color: color,\n title: \"Categories\", // NOP\n swatchSize: 20,\n columns: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":653,"value":"footer = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"md`### Interaction`","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"function onMouseMove(event) {\n d3.select(this).style(\"cursor\", \"pointer\");\n const svgBounds = d3.select('#svg-map-restrictions').node().getBoundingClientRect()\n let tooltipWidth = tooltip.node().offsetWidth;\n let tooltipHeight = tooltip.node().offsetHeight;\n let xPosition;\n let yPosition;\n if (window.innerWidth < mobileViewport) {\n xPosition = svgBounds.left + svgBounds.width / 2 - tooltipWidth / 2;\n yPosition = svgBounds.top + svgBounds.height / 1.35 + window.scrollY;\n } else {\n xPosition = event.pageX - tooltipWidth / 2;\n yPosition = event.pageY + 10;\n }\n return tooltip\n .style(\"left\", xPosition + 'px')\n .style(\"top\", yPosition +'px');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"function onMouseOut() {\n d3.select(this).style('fill-opacity', 0.8);\n return tooltip.style(\"visibility\", \"hidden\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"md`### Geographic data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"viewof projectionSpec = projectionInput({\n //value: new URLSearchParams(location.search).get(\"projection\") || \"stereographic\", // ?\n value: \"Natural Earth\",\n name: \"projection\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"projection = projectionSpec\n .fitSize([width * 1.2, height * 1.2], countries)\n .translate([width * 0.46, height * 0.6])\n .center(window.innerWidth < mobileViewport ? [115.6489864588681, -3.002675600253055] : [16.432513980875754, -10.2878318773228])\n .scale((width - 1) / 1.7 / Math.PI);","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"countries = topojson.feature(world, world.objects.countries)","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"world = FileAttachment(\"countries-50m.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"md`### Restrictions data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":444,"value":"entryDomain = [\n \"Entrada libre\",\n \"Entrada permitida en algunos casos, incluidos los vacunados\",\n \"Solo pueden acceder desde esos países españoles o andorranos o residentes en alguno de estos dos países. Sí se permiten las escalas de menos de 24 horas sin salir del aeropuerto\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":810,"value":"dateId = new Date()\n .toLocaleDateString('de', {\n year: 'numeric',\n month: 'numeric',\n day: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n second: 'numeric'\n })\n .replaceAll(/[:., ]/g, '')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1162,"value":"md`Next line publish a remote CSV`","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"dataset = d3.csv(\n `https://data.civio.es/posts/pcr-borderlines-restrictions/pcr-borderlines-restrictions.csv?q=${dateId}`,\n (d) => ({\n country_name: d.country_name,\n \"iso-code-num\": d[\"iso_code_num\"],\n entry: entryDomain[+d[\"entry\"]],\n entryMessage: d.entry_message,\n pcrCode: +d.pcr,\n country_notes: d.country_notes,\n pcr_notes: d.pcr_notes,\n entry_notes: d.entry_notes\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1151,"value":"md`Next two lines publish a local CSV`","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"md`### Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":875,"value":"mobileViewport = 600","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"// 01. Static global height:\nheight = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"width = 960 // Fixed for now (temporary)","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"//margin = ({ top: 50, right: 50, bottom: 50, left: 50 })\nmargin = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"md`### Color & styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"color = d3\n .scaleOrdinal()\n .domain(entryDomain)\n .range([colorProjectPrimary, colorProjectSecondary, colorProjectLight])","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"colorProjectPrimary = colors.project.elboenuestrodecadadia.primary","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"colorProjectSecondary = colors.project.elboenuestrodecadadia.secondary","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"colorProjectLight = colors.project.elboenuestrodecadadia.light","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"md`### Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"import { legend, swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"// Civio main colors\nimport { colors } from \"@civio/utilities\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"import { projectionInput } from \"@d3/projection-comparison\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"import {\n Button,\n Checkbox,\n Toggle,\n Radio,\n Range,\n Select,\n Text,\n Textarea,\n Search,\n Table\n} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}