#619 Cartograms EU_v12 / Civio

Non-profit organization specialized in public data, investigative journalism and access to information | Organización independiente y sin ánimo de lucro especializada en datos públicos, periodismo de investigación y acceso a la información

Workspace

Public

Edited

Jan 7

3 forks

Importers

1 star

# 619 Access to Assisted Reproduction Techniques in Europe

#619 MAIN: Access to ART dataviz_v04 - sticky avatar #619 PIECES: All notebooks together - ART dataviz_v04 # 619 Avatar_v10

#619 Cartograms EU_v12

#619 Subtechniques_v03 #619 Legal Age limits_v04 #619 Public Age limits_v04 #619 Public funding: Max Nº of cycles

Also listed in…

Medicamentalia

// https://observablehq.com/@observablehq/introduction-to-mutable-state

mutable mutableCountry = myIPCountry

subtechniquesMap

ageLegalMap

publicFundingMap

maxCyclesMap

handleMouseOver = function (event, d) {

d3.select(this).select(".region-hex").transition().style("fill-opacity", 1);

}

handleMouseOut = function (e, d) {

d3.select(this)

.select(".region-hex")

.transition()

.style("fill-opacity", fillOpacityBasicState);

}

// Typography

styles = html`

<style>

.cartogram {

background: whitesmoke;

/*max-width: ${myWidth}px;*/

}

html *, svg * {

font-family: 'Lato', sans-serif;

}

.region-group.myCountry > .region-hex {

stroke: black!important;

stroke-width: 4px;

}

.region-hex {

stroke: whitesmoke;

stroke-width: 1px;

}

.myCountry > text {

fill: black!important;

font-weight: 800;

}

/* TOTALS PER STEP */

.resume-subtitle {

text-align: center;

}

.resume-subtitle .number {

font-weight: 800;

}

.resumeTotal-no {

color: ${colorNoAccess};

}

.resumeTotal-noPublicFunding {

color: ${colorNoAccessDarker};

}

.resumeTotal-yes {

color: ${colorAccess};

}

.resumeTotal-depends {

color: ${colorDepends};

}

.resumeTotal-notAvailable {

color: grey;

}

.img-legend {

object-fit: cover;

width: 20px;

height: 10px;

margin: 0px;

padding: 0px;

margin-right: 0.2rem;

margin-left: 0.1rem;

}

.img-legend.unable {

width: 120px;

object-fit: cover;

}

.custom-toggle form {

cursor: pointer;

margin: 0 auto;

}

</style>

// Trying another IP service, as the previous one failed due to a CORS problem at some point after publishing the article

// https://freegeoip.live/json/ not working anymore

// "https://freegeoip.app/json/" not working anymore

geoIp = await fetch("https://api.ipbase.com/v1/json/")

.then((res) => res.json())

.catch(() => null)

myCountries = datasetGeneral.map((d) => d.country_code)

defaultCountry = "ES"

myIPCountry = {

if (geoIp) {

const geoIpDetected = geoIp.country_code;

const isOnTheMap = myCountries.includes(geoIpDetected);

// If the country detected is not in the map => mark our default country

const myIPCountry = isOnTheMap ? geoIpDetected : defaultCountry;

return myIPCountry;

} else {

// If the IP fetch fails, returns our default country

return defaultCountry;

}

import { datasetGeneral } from "@carmen-tm/619-age-limits-v04"

datasetGeneral

nCountriesNoLimits = datasetGeneral.filter(

(d) => d.female_minAge === 1 && d.female_maxAge === 100

)

import { datasetGeneralPublicFunding } from "@carmen-tm/619-public-funding-limits-v04"

datasetGeneralPublicFunding

import {

datasetTrans,

datasetAccessInsemination,

datasetAccessInVitro,

artCompoundField

} from "@carmen-tm/619-subtechniques-v03"

dataSubtechniques = _isTrans

? datasetTrans

: _isInsemination

? datasetAccessInsemination

: datasetAccessInVitro

import {

datasetPublicFundingAIRaw,

datasetPublicFundingIVRaw

} from "@carmen-tm/619-public-funding-cycles-v01"

sortingField = _isInsemination ? "public_cycle_limits_AI" : "public_cycles_IV"

datasetMaxCycles = _isInsemination

? datasetPublicFundingAIRaw

: datasetPublicFundingIVRaw

localeArtTechniques = ({

en: {

Insemination: "artificial insemination",

"In Vitro": "in vitro fertilisation"

es: {

Insemination: "inseminación artificial",

"In Vitro": "fertilización in vitro"

it: {

Insemination: "inseminazione artificiale",

"In Vitro": "fecondazione in vitro"

}

})

localePersonalSituation = ({

en: {

hetero_couples: "woman in a heterosexual couple",

single_women: "single woman",

female_couples: "woman in a female couple"

es: {

hetero_couples: "mujer en pareja heterosexual",

single_women: "mujer sin pareja",

female_couples: "mujer en pareja de mujeres"

it: {

hetero_couples: "donna in coppia eterosessuale",

single_women: "donna single",

female_couples: "donna in una coppia femminile"

}

})

locale = ({

en: {

transTitle: "The double barrier for trans people",

// 1 Subtechniques map ✔✔

resumeTotalsSubtechniquesYes: `

in ${

subtechniquesMap["subtechniquesTotalYes"]

} of the 43 countries <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsSubtechniquesNo: ` but not in ${

subtechniquesMap["subtechniquesTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsSubtechniquesDepends: `and just partially in ${

subtechniquesMap["subtechniquesTotalDepends"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

// 2 Legal age map

resumeTotalsAgeYes: `

in ${

ageLegalMap["legalAgeTotalYes"]

} ${

ageLegalMap["legalAgeTotalYes"] === 1 ? "country" : "countries"

} out of 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsAgeNo: ` but not in ${

ageLegalMap["legalAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsAgeDepends: ` and the remaining ${

ageLegalMap["legalAgeTotalDepends"]

} countries do not specify, depending on your reproductive age <image class="img-legend" src=${await FileAttachment(

"legend_reproductive.svg"

).url()}></image>`,

// 3 Public funding map

resumeTotalsPublicFundingNoPublicFunding: `${

publicFundingMap["totalNoPublicFunding"]

} ${

publicFundingMap["totalNoPublicFunding"] === 1 ? "country" : "countries"

} of 43 countries investigated do not cover assisted reproduction.`,

resumeTotalsPublicFundingYes: `

in ${

publicFundingMap["publicFundingAgeTotalYes"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsPublicFundingDepends: ` and the remaining ${

publicFundingMap["publicFundingAgeTotalDepends"]

} ${

publicFundingMap["publicFundingAgeTotalDepends"] === 1

? "country does"

: "countries do"

} not specify, depending on your reproductive age <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingNo: ` but not in ${

publicFundingMap["publicFundingAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingExtraBarriers: `In addition, ${publicFundingMap["totalExtraBarriers"]} of them impose extra requirements ·

// 4 Max cycles map

resumeTotalsCyclesNoPublicFunding: `${

maxCyclesMap["totalNoPublicFunding"]

} ${

maxCyclesMap["totalNoPublicFunding"] === 1 ? "country" : "countries"

} out of 43 do not fund `,

resumeTotalsCyclesYes: ` In ${

maxCyclesMap["cyclesTotalYes"]

} there are unlimited cycles <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>`,

resumeTotalsCyclesNo: ` but ${

maxCyclesMap["cyclesTotalNo"]

} put a limitation on the cycles they cover <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>

es: {

transTitle: "La doble barrera de las personas trans",

// 1 Subtechniques map ✔✔

resumeTotalsSubtechniquesYes: `

en ${

subtechniquesMap["subtechniquesTotalYes"]

} ${

subtechniquesMap["subtechniquesTotalYes"] === 1 ? "país" : "países"

} de los 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsSubtechniquesNo: ` pero no en ${

subtechniquesMap["subtechniquesTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsSubtechniquesDepends: `y de forma parcial en ${

subtechniquesMap["subtechniquesTotalDepends"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

// 2 Legal age map

resumeTotalsAgeYes: `

en ${

ageLegalMap["legalAgeTotalYes"]

} ${

ageLegalMap["legalAgeTotalNo"] === 1 ? "país" : "países"

} de los 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsAgeNo: ` pero no en ${

ageLegalMap["legalAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsAgeDepends: ` y en ${

ageLegalMap["legalAgeTotalDepends"]

} de ellos no está especificado, depende de tu edad reproductiva <image class="img-legend" src=${await FileAttachment(

"legend_reproductive.svg"

).url()}></image>`,

// 3 Public funding map

resumeTotalsPublicFundingNoPublicFunding: `${

publicFundingMap["totalNoPublicFunding"]

} ${

publicFundingMap["totalNoPublicFunding"] === 1 ? "país" : "países"

} de los 43 no financian la reproducción asistida en general.`,

resumeTotalsPublicFundingYes: `

en ${

publicFundingMap["publicFundingAgeTotalYes"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsPublicFundingDepends: ` y en ${

publicFundingMap["publicFundingAgeTotalDepends"]

} de ellos no está especificado, depende de tu edad reproductiva <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingNo: ` pero no en ${

publicFundingMap["publicFundingAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingExtraBarriers: `Además, ${publicFundingMap["totalExtraBarriers"]} de ellos imponen requisitos extras ·

// 4 Max cycles map

resumeTotalsCyclesNoPublicFunding: `${

maxCyclesMap["totalNoPublicFunding"]

} ${

maxCyclesMap["totalNoPublicFunding"] === 1 ? "país" : "países"

} de los 43 no financian `,

resumeTotalsCyclesYes: ` En ${

maxCyclesMap["cyclesTotalYes"]

} hay ciclos ilimitados <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>`,

resumeTotalsCyclesNo: ` pero ${

maxCyclesMap["cyclesTotalNo"]

} ponen límite a los ciclos que cubren <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>

it: {

transTitle: "La doppia barriera per le persone transgender",

// 1 Subtechniques map ✔✔

resumeTotalsSubtechniquesYes: `

in ${

subtechniquesMap["subtechniquesTotalYes"]

} dei 43 Paesi <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsSubtechniquesNo: ` ma non in ${

subtechniquesMap["subtechniquesTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsSubtechniquesDepends: `e solo parzialmente in ${

subtechniquesMap["subtechniquesTotalDepends"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

// 2 Legal age map

resumeTotalsAgeYes: `

in ${

ageLegalMap["legalAgeTotalYes"]

} dei 43 paesi <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsAgeNo: ` ma non in ${

ageLegalMap["legalAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsAgeDepends: ` e in ${

ageLegalMap["legalAgeTotalDepends"]

} di questi non è specificato, a seconda della tua età riproduttiva<image class="img-legend" src=${await FileAttachment(

"legend_reproductive.svg"

).url()}></image>`,

// 3 Public funding map

resumeTotalsPublicFundingNoPublicFunding: `${publicFundingMap["totalNoPublicFunding"]} su 43 paesi non coprono la riproduzione assistita.`,

resumeTotalsPublicFundingYes: `

in ${

publicFundingMap["publicFundingAgeTotalYes"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsPublicFundingDepends: ` e in${

publicFundingMap["publicFundingAgeTotalDepends"]

} paesi non è specificato, dipende dalla tua età riproduttiva.<image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingNo: ` ma non in ${

publicFundingMap["publicFundingAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingExtraBarriers: `Inoltre, ${publicFundingMap["totalExtraBarriers"]} paesi impongono requisiti aggiuntivi ·

// 4 Max cycles map

resumeTotalsCyclesNoPublicFunding: `${

maxCyclesMap["totalNoPublicFunding"]

} ${

maxCyclesMap["totalNoPublicFunding"] === 1 ? "paes" : "paesi"

} su 43 non finanziamo`,

resumeTotalsCyclesYes: ` In ${

maxCyclesMap["cyclesTotalYes"]

} offrono cicli illimitati <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>`,

resumeTotalsCyclesNo: ` ma ${

maxCyclesMap["cyclesTotalNo"]

} pongono un limite al numero di cicli coperti<image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>

fr: {

transTitle: "Le double obstacle pour les transgenres",

// 1 Subtechniques map ✔✔

resumeTotalsSubtechniquesYes: `

dans ${

subtechniquesMap["subtechniquesTotalYes"]

} ${

subtechniquesMap["subtechniquesTotalYes"] === 1 ? "pays" : "pays"

} sur 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsSubtechniquesNo: ` mais pas en ${

subtechniquesMap["subtechniquesTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsSubtechniquesDepends: `et partiellement en ${

subtechniquesMap["subtechniquesTotalDepends"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

// 2 Legal age map

resumeTotalsAgeYes: `

dans ${

ageLegalMap["legalAgeTotalYes"]

} ${

ageLegalMap["legalAgeTotalNo"] === 1 ? "pays" : "pays"

} sur 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsAgeNo: ` mais pas en ${

ageLegalMap["legalAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsAgeDepends: ` dans ${

ageLegalMap["legalAgeTotalDepends"]

} d’entre eux, ce n’est pas indiqué et cela dépend de votre âge naturel de procréation<image class="img-legend" src=${await FileAttachment(

"legend_reproductive.svg"

).url()}></image>`,

// 3 Public funding map

resumeTotalsPublicFundingNoPublicFunding: `${

publicFundingMap["totalNoPublicFunding"]

} ${

publicFundingMap["totalNoPublicFunding"] === 1 ? "pays" : "pays"

} sur 43 ne couvrent pas la procréation assistée.`,

resumeTotalsPublicFundingYes: `

dans ${

publicFundingMap["publicFundingAgeTotalYes"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsPublicFundingDepends: ` dans les ${

publicFundingMap["publicFundingAgeTotalDepends"]

} pays restants, ce n’est pas indiqué et cela dépend de votre âge naturel de procréation <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingNo: ` mais pas dans ${

publicFundingMap["publicFundingAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingExtraBarriers: `En outre, ${publicFundingMap["totalExtraBarriers"]} pays imposent des conditions supplémentaires ·

// 4 Max cycles map

resumeTotalsCyclesNoPublicFunding: `${

maxCyclesMap["totalNoPublicFunding"]

} ${

maxCyclesMap["totalNoPublicFunding"] === 1 ? "pays" : "pays"

} sur 43 ne financent pas `,

resumeTotalsCyclesYes: ` En ${

maxCyclesMap["cyclesTotalYes"]

} le nombre de cycles est illimité <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>`,

resumeTotalsCyclesNo: ` mais ${

maxCyclesMap["cyclesTotalNo"]

} limitent le nombre de cycles couverts par la sécurité sociale <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>

el: {

transTitle: "Το διπλό εμπόδιο για τα τρανς άτομα",

// 1 Subtechniques map ✔✔

resumeTotalsSubtechniquesYes: `

σε ${

subtechniquesMap["subtechniquesTotalYes"]

} ${

subtechniquesMap["subtechniquesTotalYes"] === 1 ? "χώρα " : "χώρες"

} από τις 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsSubtechniquesNo: ` αλλά όχι σε ${

subtechniquesMap["subtechniquesTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsSubtechniquesDepends: `και μόνο εν μέρει σε ${

subtechniquesMap["subtechniquesTotalDepends"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

// 2 Legal age map

resumeTotalsAgeYes: `

σε ${

ageLegalMap["legalAgeTotalYes"]

} ${

ageLegalMap["legalAgeTotalNo"] === 1 ? "χώρα" : "χώρες"

} από τις 43 <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsAgeNo: ` αλλά όχι σε ${

ageLegalMap["legalAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsAgeDepends: ` και σε ${

ageLegalMap["legalAgeTotalDepends"]

} από αυτές δεν προσδιορίζεται, ανάλογα με την αναπαραγωγική σας ηλικία <image class="img-legend" src=${await FileAttachment(

"legend_reproductive.svg"

).url()}></image>`,

// 3 Public funding map

resumeTotalsPublicFundingNoPublicFunding: `${publicFundingMap["totalNoPublicFunding"]} από τις 43 χώρες που ερευνήθηκαν δεν καλύπτουν την υποβοηθούμενη αναπαραγωγή.`,

resumeTotalsPublicFundingYes: `

σε ${

publicFundingMap["publicFundingAgeTotalYes"]

} <image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>

resumeTotalsPublicFundingDepends: ` χώρες και οι υπόλοιπες ${

publicFundingMap["publicFundingAgeTotalDepends"]

} χώρες δεν προσδιορίζονται, ανάλογα με την αναπαραγωγική σας ηλικία <image class="img-legend" src=${await FileAttachment(

"legend_Depends@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingNo: ` αλλά όχι σε ${

publicFundingMap["publicFundingAgeTotalNo"]

} <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>`,

resumeTotalsPublicFundingExtraBarriers: `Επιπλέον, ${publicFundingMap["totalExtraBarriers"]} χώρες επιβάλλουν επιπλέον απαιτήσεις ·

// 4 Max cycles map

resumeTotalsCyclesNoPublicFunding: `${

maxCyclesMap["totalNoPublicFunding"]

} ${

maxCyclesMap["totalNoPublicFunding"] === 1 ? "χώρα" : "χώρες"

} από τις 43 δεν χρηματοδοτούν`,

resumeTotalsCyclesYes: ` Σε ${

maxCyclesMap["cyclesTotalYes"]

} υπάρχουν απεριόριστοι κύκλοι<image class="img-legend" src=${await FileAttachment(

"legend_Yes@1.svg"

).url()}></image>`,

resumeTotalsCyclesNo: ` αλλά το ${

maxCyclesMap["cyclesTotalNo"]

} βάζει ένα όριο στους κύκλους που καλύπτονται <image class="img-legend" src=${await FileAttachment(

"legend_No@1.svg"

).url()}></image>

}

})

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.

Learn more