31:T16a3,gridCartogram01 = { await visibility(); const lateralMargin = widthCartogram - widthModules; const marginCartogram = lateralMargin / 2; const svg = d3 .create("svg") .attr("width", widthCartogram) .attr("height", heightCartogram + (extraHeight?.[languageSelector] ?? 0)) .attr("id", "cartogram"); // Chart background svg .attr("class", `background-chart ${languageSelector}`) .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", widthCartogram) .attr("height", heightCartogram + (extraHeight?.[languageSelector] ?? 0)) .style("fill", colorLight_Justicia); const chartElements = svg.append("g").attr("class", "chartElements-g"); const regionGroups = chartElements .selectAll("g") .data(dataModif) .join("g") .attr("id", (d) => d.region_code) .attr("class", "region-group") .attr( "transform", (d) => `translate(${ marginCartogram + d.x * (moduleSize + moduleSeparation) }, ${margin.top + d.y * (moduleSize + moduleSeparation)})` ); const widthEl = moduleSize; const heightEl = widthEl; const offsetAux = 4; // Rects color code by level of information regionGroups .append("rect") .attr("class", "aux") .attr("x", -offsetAux) .attr("y", -offsetAux) .attr("width", widthEl + offsetAux * 2) .attr("height", heightEl + offsetAux * 2) .style("fill", (d) => (d.accesToInfo === "publicInformation") | (d.accesToInfo === "FOIA") ? colorAccess : colorNoAccess ); const strokeWidth = 4; const regionBorders = regionGroups .append("g") .attr("class", "borders") .filter((d) => d.accesToInfo === "publicInformation"); const adjustment = isMobile ? 1 : 2; regionBorders .append("rect") .attr("x", -offsetAux / 2 + adjustment + "px") .attr("y", -offsetAux / 2 + adjustment + "px") .attr("width", widthEl + offsetAux * 2) .attr("height", heightEl + offsetAux * 2) .style("transform", "scale(.8)") .style("fill", colorAccess) .style("stroke", colorLight_Justicia) .style("stroke-width", 3); regionBorders .append("rect") .attr("x", -offsetAux / 2 + 9) .attr("y", -offsetAux / 2 + 9) .attr("width", widthEl + offsetAux * 2) .attr("height", heightEl + offsetAux * 2) .style("transform", "scale(.6)") .style("fill", colorAccess) .style("stroke", colorLight_Justicia) .style("stroke-width", 0); // Add crosses to countries that refuse to anser const crossWidth = 6; const regionCrosses = regionGroups .append("g") .attr("class", "crosses") .filter((d) => d.accesToInfo === "refulsal"); regionCrosses .append("line") .attr("x1", 0) .attr("x2", moduleSize) .attr("y1", 0) .attr("y2", moduleSize) .attr("stroke", "black") .attr("stroke-width", crossWidth); regionCrosses .append("line") .attr("x1", 0) .attr("x2", moduleSize) .attr("y1", moduleSize) .attr("y2", 0) .attr("stroke", "black") .attr("stroke-width", crossWidth); // REGIONS const regionTexts = regionGroups.append("g").attr("class", "texts"); regionTexts .append("text") .attr("class", "name") .attr("x", moduleSize / 2) .attr("y", moduleSize + 11) .style("font-family", "sans-serif") .style("text-anchor", "middle") .style("dominant-baseline", "middle") .style("fill", (d) => (d.accesToInfo === "publicInformation") | (d.accesToInfo === "FOIA") ? colorAccess : colorNoAccess ) .style("opacity", 0.8) .text((d) => localeCountries[languageSelector].countries[d.region_code]) .style("pointer-events", "none"); // CHART TITLE const title = svg.append("g").attr("class", `title-g`); if (isMobile) { title .append("text") .attr("class", "title") .attr("x", widthCartogram / 2) .attr("y", 25) .text(dataLocale[languageSelector].titleMobile1) .attr("fill", colorDark); title .append("text") .attr("class", "title") .attr("x", widthCartogram / 2) .attr("y", 50) .text(dataLocale[languageSelector].titleMobile2) .attr("fill", colorDark); title .append("text") .attr("class", "title") .attr("x", widthCartogram / 2) .attr("y", 75) .text(dataLocale[languageSelector].titleMobile3) .attr("fill", colorDark); } else { title .append("text") .attr("class", "title") .attr("x", widthCartogram / 2) .attr("y", 25) .text(dataLocale[languageSelector].titleDesktop1) .attr("fill", colorDark); title .append("text") .attr("class", "title") .attr("x", widthCartogram / 2) .attr("y", 50) .text(dataLocale[languageSelector].titleDesktop2) .attr("fill", colorDark); } // CHART SOURCE const offset = 25; const source = svg .append("g") .attr("class", "source") .attr("fill", colorNeutral(650)) .style("font-size", "0.7rem"); source .append("text") .attr("x", offset) .attr("y", heightCartogram - margin.bottom - 20) .text(dataLocale[languageSelector].sourceDesktop1); // CHART LEGEND const legend = svg .append("g") .attr("class", "legend-g") .attr("transform", `translate(0, ${heightCartogram - margin.bottom})`); // Foreign object method // https://observablehq.com/@bumbeishvili/foreignobject-typical-usage const fo = legend .append("foreignObject") // Append for d3.v4 .classed("fo-object", true) .attr("width", widthCartogram) .attr("height", 300) .style("pointer-events", "none"); fo.append("xhtml:div") // Append for d3.v4 .classed("cartograma-legend", true); fo.node().appendChild(legendHTML); return svg.node(); }32:T8b3, 33:T2048,localeCountries = ({ en: { countries: { AL: "Albania", AT: "Austria", AM: "Armenia", BY: "Belarus", BE: "Belgium", BA: "Bosnia and Herzegovina", BG: "Bulgaria", HR: "Croatia", CY: "Cyprus", CZ: "Czech Rep.", DK: "Denmark", EE: "Estonia", FI: "Finland", FR: "France", GE: "Georgia", DE: "Germany", EL: "Greece", HU: "Hungary", IS: "Iceland", IE: "Ireland", IT: "Italy", KZ: "Kazakhstan", LV: "Latvia", LT: "Lithuania", LU: "Luxemburg", MK: "Macedonia", MT: "Malta", MD: "Moldova", ME: "Montenegro", NO: "Norway", NL: "Netherlands", PL: "Poland", PT: "Portugal", RO: "Romania", RS: "Serbia", RU: "Russia", SK: "Slovakia", SI: "Slovenia", ES: "Spain", SE: "Sweden", CH: "Switzerland", TR: "Turkey", UA: "Ukraine", UK: "United Kingdom" } }, es: { countries: { AL: "Albania", AT: "Austria", AM: "Armenia", BY: "Bielorrusia", BE: "Bélgica", BA: "Bosnia y Herzegovina", BG: "Bulgaria", HR: "Croacia", CY: "Chipre", CZ: "Rep. Checa", DK: "Dinamarca", EE: "Estonia", FI: "Finlandia", FR: "Francia", GE: "Georgia", DE: "Alemania", EL: "Grecia", HU: "Hungría", IS: "Islandia", IE: "Irlanda", KZ: "Kazajistán", IT: "Italia", LV: "Letonia", LT: "Lituania", LU: "Luxemburgo", MK: "Macedonia", MT: "Malta", MD: "Moldavia", ME: "Montenegro", NO: "Noruega", NL: "P. Bajos", PL: "Polonia", PT: "Portugal", RO: "Rumanía", RS: "Serbia", RU: "Rusia", SK: "Eslovaquia", SI: "Eslovenia", ES: "España", SE: "Suecia", CH: "Suiza", TR: "Turquía", UA: "Ucrania", UK: "Reino Unido" } }, it: { countries: { AT: "Austria", BE: "Belgio", BG: "Bulgaria", HR: "Croazia", CZ: "Cechia", DK: "Danimarca", EE: "Estonia", FI: "Finlandia", FR: "Francia", DE: "Germania", EL: "Grecia", HU: "Ungheria", IE: "Irlanda", IT: "Italia", LV: "Lettonia", LT: "Lituania", MT: "Malta", NL: "Paesi Bassi", PL: "Polonia", PT: "Portogallo", RO: "Romania", SK: "Slovacchia", SI: "Slovenia", ES: "Spagna", SE: "Svezia", UK: "Regno Unito", CY: "Cipro", AL: "Albania", AM: "Armenia", BY: "Bielorussia", BA: "Bosnia Erzegovina", GE: "Georgia", IS: "Islanda", KZ: "Kazakistan", LU: "Lussemburgo", MK: "Macedonia", MD: "Moldova", ME: "Montenegro", NO: "Norvegia", RS: "Serbia", RU: "Russia", CH: "Svizzera", TR: "Tacchino", UA: "Ucraina" } }, fr: { countries: { LI: "Liechtenstein", XK: "Kosovo", AZ: "Azerbaïdjan", AL: "Albanie", AM: "Armènie", BY: "Biélorussie", BA: "Bosnie Herzégovine", IS: "Islande", KZ: "Kazakhstan", MD: "Moldavie", ME: "Monténégro", RU: "Russie", RS: "Serbie", MK: "Macédoine", GE: "Géorgie", UA: "Ukraine", AT: "Autriche", BE: "Belgique", BG: "Bulgarie", HR: "Croatie", CZ: "Tchéquie", DK: "Danemark", EE: "Estonie", FI: "Finlande", FR: "France", DE: "Allemagne", EL: "Grèce", HU: "Hongrie", IE: "Irlande", IT: "Italie", LV: "Lettonie", LT: "Lituanie", LU: "Luxembourg", MT: "Malte", NL: "Pays-Bas", PL: "Pologne", PT: "Portugal", RO: "Roumanie", SK: "Slovaquie", SI: "Slovénie", ES: "Espagne", SE: "Suède", UK: "Royaume-Uni", CY: "Chypre", NO: "Norvège", CH: "Suisse", TR: "Turquie" } }, el: { countries: { UK: "Ηνωμένο Βασίλειο", SE: "Σουηδία", ES: "Ισπανία", SI: "Σλοβενία", SK: "Σλοβακία", RO: "Ρουμανία", PT: "Πορτογαλία", PL: "Πολωνία", NL: "Κάτω Χώρες", MT: "Μάλτα", LT: "Λιθουανία", LV: "Λετονία", IT: "Ιταλία", IE: "Ιρλανδία", HU: "Ουγγαρία", EL: "Ελλάδα", DE: "Γερμανία", FR: "Γαλλία", FI: "Φινλανδία", EE: "Εσθονία", DK: "Δανία", CZ: "Τσεχία", HR: "Κροατία", BG: "Βουλγαρία", BE: "Βέλγιο", AT: "Αυστρία", AL: "Αλβανία", AM: "Αρμενία", BY: "Λευκορωσία", BA: "Βοσνία και Ερζεγοβίνη", CY: "Κύπρος", GE: "Γεωργία", IS: "Ισλανδία", KZ: "Καζακστάν", LU: "Λουξεμβούργο", MK: "Βόρεια Μακεδονία", MD: "Μολδαβία", ME: "Μαυροβούνιο", NO: "Νορβηγία", RS: "Σερβία", RU: "Ρωσία", CH: "Ελβετία", TR: "Τουρκία", UA: "Ουκρανία" } }, de: { countries: { AT: "Österreich", BE: "Belgien", BG: "Bulgarien", HR: "Kroatien", CY: "Rép. de Chypre", CZ: "Tschechische", DK: "Dänemark", EE: "Estland", FI: "Finnland", FR: "Frankreich", DE: "Deutschland", EL: "Griechenland", HU: "Ungarn", IE: "Irland", IT: "Italien", LV: "Lettland", LT: "Litauen", LU: "Luxemburg", MT: "Malta", NL: "Niederlande", PL: "Polen", PT: "Portugal", RO: "Rumänien", SK: "Slowakei", SI: "Slowenien", ES: "Spanien", SE: "Schweden" } }, hu: { countries: { AL: "Albánia", AT: "Ausztria", AM: "Örményország", BY: "Fehéroroszország", BE: "Belgium", BA: "Bosznia-Hercegovina", BG: "Bulgária", HR: "Horvátország", CY: "Ciprus", CZ: "Csehország", DK: "Dánia", EE: "Észtország", FI: "Finnország", FR: "Franciaország", GE: "Grúzia", DE: "Németország", EL: "Görögország", HU: "Magyarország", IS: "Izland", IE: "Írország", IT: "Olaszország", KZ: "Kazahsztán", LV: "Lettország", LT: "Litvánia", LU: "Luxemburg", MK: "Macedónia", MT: "Málta", MD: "Moldova", ME: "Montenegró", NO: "Norvégia", NL: "Hollandia", PL: "Lengyelország", PT: "Portugália", RO: "Románia", RS: "Szerbia", RU: "Oroszország", SK: "Szlovákia", SI: "Szlovénia", ES: "Spanyolország", SE: "Svédország", CH: "Svájc", TR: "Törökország", UA: "Ukrajna", UK: "Egyesült Királyság" } }, pt: { countries: { AL: "Albânia", AT: "Áustria", AM: "Arménia", BY: "Bielorrússia", BE: "Bélgica", BA: "Bósnia e Herzegovina", BG: "Bulgária", HR: "Croácia", CY: "Chipre", CZ: "Chéquia", DK: "Dinamarca", EE: "Estónia", FI: "Finlândia", FR: "França", GE: "Geórgia", DE: "Alemanha", EL: "Grécia", HU: "Hungria", IS: "Islândia", IE: "Irlanda", IT: "Itália", KZ: "Cazaquistão", LV: "Letónia", LT: "Lituânia", LU: "Luxemburgo", MK: "Macedónia", MT: "Malta", MD: "Moldova", ME: "Montenegro", NO: "Noruega", NL: "P. Baixos", PL: "Polónia", PT: "Portugal", RO: "Roménia", RS: "Sérvia", RU: "Rússia", SK: "Eslováquia", SI: "Eslovénia", ES: "Espanha", SE: "Suécia", CH: "Suíça", TR: "Turquia", UA: "Ucrânia", UK: "Reino Unido" } } })34:T154f,dataLocale = ({ es: { titleDesktop1: "Transparencia sobre muertes bajo custodia", titleDesktop2: "y en actuaciones policiales en la UE", titleMobile1: "Transparencia sobre muertes", titleMobile2: "bajo custodia y en actuaciones", titleMobile3: "policiales en la UE", sourceDesktop1: "Fuente: Civio & EDJNET", legend2: "Hay informes de acceso público (7)", legend3: "La administración ha facilitado datos previa solicitud (8)", legend4: "Solicitudes de información sin respuesta (9)", legend5: "La administración se ha negado expresamente a dar información (4)" }, en: { titleDesktop1: "Transparency on deaths in custody", titleDesktop2: "and in police actions in the EU", titleMobile1: "Transparency on deaths", titleMobile2: "in custody and in police", titleMobile3: "actions in the UE", sourceDesktop1: "Source: Civio & EDJNET", legend2: "There are publicly available reports (7)", legend3: "The administration has provided data on request (8)", legend4: "Requests for information have not been answered (9)", legend5: "The administration has expressly refused to provide any information (4)" }, el: { titleDesktop1: "Διαφάνεια σχετικά με τους θανάτους ατόμων υπό", titleDesktop2: "κράτηση και σε αστυνομικές επιχειρήσεις στην ΕΕ", titleMobile1: "Διαφάνεια σχετικά με τους θανάτους", titleMobile2: "ατόμων υπό κράτηση και σε", titleMobile3: "αστυνομικές επιχειρήσεις στην ΕΕ", sourceDesktop1: "Πηγή: Civio και EDJNET", legend2: "Δημόσια διαθέσιμες εκθέσεις (7)", legend3: "Η διοίκηση παρείχε στοιχεία κατόπιν αιτήματος (8)", legend4: "Αιτήματα παροχής πληροφοριών που δεν απαντήθηκαν (9)", legend5: "Η διοίκηση αρνήθηκε ρητά να παράσχει πληροφορίες (4)" }, it: { titleDesktop1: "Visibilità dei decessi in custodia e", titleDesktop2: "nelle attività di polizia nell'Ue", titleMobile1: "Visibilità dei decessi in", titleMobile2: "custodia e nelle attività", titleMobile3: "di polizia nell'Ue", sourceDesktop1: "Fonte: Civio & EDJNET", legend2: "Rapporti disponibili al pubblico (7)", legend3: "L'amministrazione ha fornito dati su richiesta (8)", legend4: "L'amministrazione non ha risposto alle richieste di informazioni (9)", legend5: "L'amministrazione ha rifiutato di fornire informazioni (4)" }, fr: { titleDesktop1: "Accessibilité aux données relatives aux décès en", titleDesktop2: "garde à vue et aux activités de la police dans l'UE", titleMobile1: "Accessibilité aux données relatives", titleMobile2: "aux décès en garde à vue et aux", titleMobile3: "activités de la police dans l'UE", sourceDesktop1: "Source : Civio et EDJNet", legend2: "Rapports en libre accès (7)", legend3: "Les autorités compétentes ont fourni les données sur demande (8)", legend4: "Les autorités compétentes n'ont pas répondu aux demandes d'accès aux informations (9)", legend5: "Les autorités compétentes ont refusé de fournir les informations demandées (4)" }, de: { titleDesktop1: "Sichtbarkeit von Todesfällen in Gewahrsam ", titleDesktop2: "und bei Polizeieinsätzen in der EU", titleMobile1: "Sichtbarkeit von Todesfällen ", titleMobile2: "in Gewahrsam und bei", titleMobile3: "Polizeieinsätzen in der EU", sourceDesktop1: "Quelle: Civio & EDJNET", legend2: "Öffentlich zugängliche Berichte (7)", legend3: "Die Behörden stellten auf Anfrage Daten zur Verfügung (8)", legend4: "Die Behörden haben auf Informationsanfragen nicht geantwortet (9)", legend5: "Die Behörden verweigerten die Bereitstellung von Informationen (4)" }, hu: { titleDesktop1: "Az őrizetben bekövetkezett halálesetek és a", titleDesktop2: "rendőrségi tevékenység átláthatósága az EU-ban", titleMobile1: "Az őrizetben bekövetkezett", titleMobile2: "halálesetek és a rendőrségi", titleMobile3: "tevékenység átláthatósága az EU-ban", sourceDesktop1: "Forrás: Civio & EDJNET", legend2: "Nyilvánosan elérhető jelentések (7)", legend3: "A közigazgatás kérésre szolgáltatott adatokat (8)", legend4: "A közigazgatás nem válaszolt az információkérésekre (9)", legend5: "A közigazgatás megtagadta a tájékoztatást (4)" }, pt: { titleDesktop1: "Transparência na informação sobre o número de óbitos", titleDesktop2: "sob custódia policial ou durante operações policiais na UE", titleMobile1: "Transparência na informação sobre o número", titleMobile2: "de óbitos sob custódia policial", titleMobile3: "ou durante operações policiais na UE", sourceDesktop1: "Fonte: Civio e EDJNet", legend2: "Informação pública (7)", legend3: "As entidades oficiais concederam a informação mediante pedido (8)", legend4: "As entidades oficiais não responderam aos pedidos de informação (9)", legend5: "As entidades oficias recusaram-se a fornecer a informação (4)" } })35:[{"id":"97e1da49fffa02c3f9bc7089982adf9b23fdaafe5543aaa649fe5c01c1b4499d8329b4ed0a3a740389643a5da359723d29423712864ee5877a1b914567a072ed","href":"https://static.observableusercontent.com/files/97e1da49fffa02c3f9bc7089982adf9b23fdaafe5543aaa649fe5c01c1b4499d8329b4ed0a3a740389643a5da359723d29423712864ee5877a1b914567a072ed","name":"legend-3.png","type":"image/png","lastModified":1728916156783.998,"size":4432},{"id":"86c1eb2838c7c3945794e7e5a1d2b68afd04db5621f0ca1d3005554d30e197b41360417aeda9268d0b1b439037674e1ec919c5cc98b9d8ff5b87c4df8cfbc3b9","href":"https://static.observableusercontent.com/files/86c1eb2838c7c3945794e7e5a1d2b68afd04db5621f0ca1d3005554d30e197b41360417aeda9268d0b1b439037674e1ec919c5cc98b9d8ff5b87c4df8cfbc3b9","name":"legend-2.png","type":"image/png","lastModified":1728916156842.511,"size":4436},{"id":"407a257701ef7b61bfa2948b3ae9b8221cc858f7256933cd353a527597ff3eed965aed059399b65217792115ea88866aefca9e20776e1073435d172b5505ff67","href":"https://static.observableusercontent.com/files/407a257701ef7b61bfa2948b3ae9b8221cc858f7256933cd353a527597ff3eed965aed059399b65217792115ea88866aefca9e20776e1073435d172b5505ff67","name":"legend-1.png","type":"image/png","lastModified":1728916156778.948,"size":4647},{"id":"d70b0c779d10c958e944382f86936911b585861904d97487e70f4a0f3704565e80f910224922d05e7e388803933a8e72c2c4a188bac854e2cfa14e83badcb658","href":"https://static.observableusercontent.com/files/d70b0c779d10c958e944382f86936911b585861904d97487e70f4a0f3704565e80f910224922d05e7e388803933a8e72c2c4a188bac854e2cfa14e83badcb658","name":"legend-4.png","type":"image/png","lastModified":1728916156786.349,"size":5361},{"id":"ac80fbf42b6044a0bf95c089f9140ff2749cc0f9f7bf8939802f82df5d7f1c236961bd2d3a4b4d70827ea3ddc905d2ac3e8674ed6ed6398f52e5b23ffd6bce13","href":"https://static.observableusercontent.com/files/ac80fbf42b6044a0bf95c089f9140ff2749cc0f9f7bf8939802f82df5d7f1c236961bd2d3a4b4d70827ea3ddc905d2ac3e8674ed6ed6398f52e5b23ffd6bce13","name":"muertes_missInformation_4categories.csv","type":"text/csv","lastModified":1728576378610.292,"size":604},{"id":"93bef723cb1de691fdf67f15b8ed9eb738a63e22d278d09e46962634fe5a9f3e259a86878ae53207d3617850727c8a14ad8bf6affa5bc2f8634f7b6669a76b04","href":"https://static.observableusercontent.com/files/93bef723cb1de691fdf67f15b8ed9eb738a63e22d278d09e46962634fe5a9f3e259a86878ae53207d3617850727c8a14ad8bf6affa5bc2f8634f7b6669a76b04","name":"Screenshot 2024-10-28 at 23.46.01.png","type":"image/png","lastModified":1730112403388.657,"size":4432},{"id":"b0160786f44fc3655c9265c027c1ec7cbb5f14752cf04e29bedb2c3c17d25ceab9730f3ab2b4b3230f99d6380061363a21a15a68abe053ce67b16bcd0a950a27","href":"https://static.observableusercontent.com/files/b0160786f44fc3655c9265c027c1ec7cbb5f14752cf04e29bedb2c3c17d25ceab9730f3ab2b4b3230f99d6380061363a21a15a68abe053ce67b16bcd0a950a27","name":"Screenshot 2024-10-28 at 23.46.14.png","type":"image/png","lastModified":1730112410795.572,"size":4214},{"id":"b3c4c68f083d092cd9eeb0136d836cfa5e6ff5210acb110383cf620c98169e5cad894b9145b6599df403b8524a168a6bb3e94134ec1eeca3459a5d93e3bd6a1f","href":"https://static.observableusercontent.com/files/b3c4c68f083d092cd9eeb0136d836cfa5e6ff5210acb110383cf620c98169e5cad894b9145b6599df403b8524a168a6bb3e94134ec1eeca3459a5d93e3bd6a1f","name":"Screenshot 2024-10-28 at 23.46.27.png","type":"image/png","lastModified":1730112419013.006,"size":4211},{"id":"136e4f881234f6d0a56c44dda613b12c77c60219ddf0e19de455d3087bca5c17e0fd4fdddce33074b83e79ab41b4d78c971e24a7c424a2da08792cc5d1d28d15","href":"https://static.observableusercontent.com/files/136e4f881234f6d0a56c44dda613b12c77c60219ddf0e19de455d3087bca5c17e0fd4fdddce33074b83e79ab41b4d78c971e24a7c424a2da08792cc5d1d28d15","name":"Screenshot 2024-10-28 at 23.46.20.png","type":"image/png","lastModified":1730112426712.626,"size":4930},{"id":"407a257701ef7b61bfa2948b3ae9b8221cc858f7256933cd353a527597ff3eed965aed059399b65217792115ea88866aefca9e20776e1073435d172b5505ff67","href":"https://static.observableusercontent.com/files/407a257701ef7b61bfa2948b3ae9b8221cc858f7256933cd353a527597ff3eed965aed059399b65217792115ea88866aefca9e20776e1073435d172b5505ff67","name":"legend-1@1.png","type":"image/png","lastModified":1730119092103.87,"size":4647},{"id":"86c1eb2838c7c3945794e7e5a1d2b68afd04db5621f0ca1d3005554d30e197b41360417aeda9268d0b1b439037674e1ec919c5cc98b9d8ff5b87c4df8cfbc3b9","href":"https://static.observableusercontent.com/files/86c1eb2838c7c3945794e7e5a1d2b68afd04db5621f0ca1d3005554d30e197b41360417aeda9268d0b1b439037674e1ec919c5cc98b9d8ff5b87c4df8cfbc3b9","name":"legend-2@1.png","type":"image/png","lastModified":1730119106654.979,"size":4436},{"id":"41f0cb72e60b08c8409f5b172588f9a5a3fc404be81c7d5b3ee604386f1c0f48642ba2559b1b94479c26092cf2e307c28ba21fefc7f3e5e32b468e7fccb54654","href":"https://static.observableusercontent.com/files/41f0cb72e60b08c8409f5b172588f9a5a3fc404be81c7d5b3ee604386f1c0f48642ba2559b1b94479c26092cf2e307c28ba21fefc7f3e5e32b468e7fccb54654","name":"muertes_missInformation_4categories@1.csv","type":"text/csv","lastModified":1729511647106.507,"size":617}] 2f:{"title":"Cartogram on Transparency in Deaths in Custody in the European Union","cells":[{"id":0,"value":"# Cartogram on Transparency in Deaths in Custody in the European Union\n\n**Article published in Civio (30/10/24):**\n- English version: [Most European countries do not meet UN criteria for investigating deaths in police custody](https://civio.es/2024/10/30/most-european-countries-do-not-meet-un-criteria-for-investigating-deaths-in-police-custody/).\n- Spanish version: [La mayoría de los países de la UE no cumple las recomendaciones de la ONU para investigar muertes bajo custodia policial](https://civio.es/2024/10/30/la-mayoria-de-los-paises-de-la-ue-no-cumple-las-recomendaciones-de-la-onu-para-la-investigacion-de-muertes-bajo-custodia/).\n\n\n.","pinned":false,"hidden":false,"mode":"md"},{"id":641,"value":"viewof deviceSelection = Inputs.radio([\"mobile\", \"desktop\"], {\n label: \"Responsiveness testing\",\n value: \"desktop\" // Default value\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"viewof languageSelector = Inputs.radio(Object.keys(dataLocale), {\n label: \"Language\",\n value: \"es\" // 👈🏻 Default value\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"viewof moduleSize = Inputs.range([20, 200], {\n label: \"Module size\",\n value: isMobile ? 23 : 29,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"viewof moduleSeparation = Inputs.range([0, 50], {\n label: \"Module separation\",\n value: 25,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":448,"value":"

\n\n

${dataLocale[languageSelector].legend2}

\n \n

${dataLocale[languageSelector].legend3}

\n\n

${dataLocale[languageSelector].legend4}

\n \n

${dataLocale[languageSelector].legend5}

\n \n

","pinned":false,"hidden":false,"mode":"html"},{"id":92,"value":"---\n\n### Dimensions","pinned":false,"hidden":false,"mode":"md"},{"id":56,"value":"margin = ({\n top: isMobile ? 100 : 80,\n bottom: isMobile ? 190 : 100,\n left: 10,\n right: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":845,"value":"extraHeight = ({\n en: 5,\n fr: 20,\n de: 20,\n pt: 20\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":635,"value":"mediaQueryLimit = 400","pinned":false,"hidden":false,"mode":"ojs"},{"id":637,"value":"isMobile = deviceSelection === \"mobile\" || width < mediaQueryLimit","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"cartogramMaxWidth = 550","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"//widthCartogram = +Math.min(width, cartogramMaxWidth)\nwidthCartogram = deviceSelection === \"desktop\"\n ? Math.min(width, cartogramMaxWidth)\n : 320 // 👈🏻 Just for testing","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"widthModules = moduleSize * (gridData_columns + 1) +\n moduleSeparation * gridData_columns","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"heightAllModules = (moduleSize + moduleSeparation) * (gridData_rows + 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"heightCartogram = heightAllModules + margin.top + margin.bottom","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"---\n\n### Colors & styles","pinned":false,"hidden":false,"mode":"md"},{"id":87,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":521,"value":"legend1 = FileAttachment(\"legend-1@1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":530,"value":"legend2 = FileAttachment(\"legend-2@1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":533,"value":"legend3 = FileAttachment(\"Screenshot 2024-10-28 at 23.46.27.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":535,"value":"legend4 = FileAttachment(\"Screenshot 2024-10-28 at 23.46.20.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"colorAccess = \"#002A6D\"\n//colorAccess = \"#875cc3\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"//colorNoAccess = \"#f62b73\"\ncolorNoAccess = \"#e871ff\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":297,"value":"colorMix = \"#7b2b70\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"//colorNoAnswer = \"#fea2d4\"\n//colorNoAnswer = \"#f62b73\" // justicia default\n// justicia more dramatic\n//colorNoAccess = \"#e565fe\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":120,"value":"colorLight = colorNeutral(50)","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"colorLight_LoPublico = \"#ffecf6\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":806,"value":"colorLight_Justicia = \"#FBEBFF\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"colorMedium = colorNeutral(400)","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"colorDark = colorNeutral(900)","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"---\n\n### Translations & formatting","pinned":false,"hidden":false,"mode":"md"},{"id":42,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"---\n\n### Data","pinned":false,"hidden":false,"mode":"md"},{"id":98,"value":"dataModif = muertes_missinformation_4categories.map((d) => ({\n ...d,\n x: gridData.find((e) => e.key === d.region_code).x,\n y: gridData.find((e) => e.key === d.region_code).y\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"muertes_missinformation_4categories = await FileAttachment(\"muertes_missInformation_4categories@1.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"gridData = [\n { x: 3, y: 0, key: \"SE\" },\n { x: 4, y: 0, key: \"FI\" },\n { x: 5, y: 1, key: \"EE\" },\n { x: 3, y: 2, key: \"DK\" },\n { x: 5, y: 2, key: \"LV\" },\n { x: 3, y: 3, key: \"DE\" },\n { x: 4, y: 3, key: \"PL\" },\n { x: 5, y: 3, key: \"LT\" },\n { x: 0, y: 4, key: \"IE\" },\n { x: 2, y: 4, key: \"NL\" },\n { x: 3, y: 4, key: \"CZ\" },\n { x: 4, y: 4, key: \"SK\" },\n { x: 2, y: 5, key: \"BE\" },\n { x: 3, y: 5, key: \"AT\" },\n { x: 4, y: 5, key: \"HU\" },\n { x: 5, y: 5, key: \"RO\" },\n { x: 1, y: 6, key: \"FR\" },\n { x: 2, y: 6, key: \"LU\" },\n { x: 3, y: 6, key: \"SI\" },\n { x: 4, y: 6, key: \"HR\" },\n { x: 5, y: 6, key: \"BG\" },\n { x: 0, y: 7, key: \"PT\" },\n { x: 1, y: 7, key: \"ES\" },\n { x: 3, y: 7, key: \"IT\" },\n { x: 5, y: 7, key: \"EL\" },\n { x: 3, y: 9, key: \"MT\" },\n { x: 5, y: 9, key: \"CY\" }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"gridData_rows = d3.max(gridData.map((d) => d.y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"gridData_columns = d3.max(gridData.map((d) => d.x))","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"---\n\n### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"import { colors, colorNeutral } from \"@civio/utilities\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}