#619 PIECES: All notebooks together - ART dataviz_v04 / 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

Published

Edited

Feb 17, 2022

1 fork

Importers

2 stars

import {

viewof customSelector,

ageFemale,

updateSelection,

avatarStyles,

avatar,

viewof ageMale,

partnerSelectorBinded,

partnerSelectorBindedMirror01

} with {

languageSelector as _languageSelector,

_isMobile as _isMobile,

_isAvatarFixed as _isAvatarFixed

} from "@civio/619-avatar-v10"

updateSelection

customSelector

personalSituation = customSelector.artWho

personalAge = ageFemale

partnerAge = ageMale

// Flag variable

isHetero = personalSituation === "hetero_couples"

maleAgeChunk = html`<div style="display: ${

isHetero ? "inline" : "none"

}">${partnerSelectorBinded}</div>

<div style="display: ${isHetero ? "inline" : "none"}" >${

locale[languageSelector].resumeTotalsAgeIntroPost

} </div> `

maleAgeChunkMirror01 = html` <div style="display: ${

isHetero ? "inline" : "none"

}">${partnerAge} (♂) </div>

<div style="display: ${isHetero ? "inline" : "none"}" >${

locale[languageSelector].resumeTotalsPublicFundingIntroPost

} </div> `

ARTtechniques = ["Insemination", "In Vitro"]

viewof artTechniqueSelector = Inputs.input("In Vitro")

artTechniqueSelectorMirror01 = Inputs.bind(

Inputs.select(ARTtechniques, {

label: locale[languageSelector].pickTechnique,

format: (x) => localeArtTechniques[languageSelector][x]

}),

viewof artTechniqueSelector

)

artTechniqueSelectorMirror02 = Inputs.bind(

Inputs.select(ARTtechniques, {

label: [languageSelector].pickTechnique,

format: (x) => localeArtTechniques[languageSelector][x]

}),

viewof artTechniqueSelector

)

myCountryData = datasetGeneral.find(

(d) => d["country_code"] === mutableCountryGeneral

)

import {

viewof subtechniquesMap, // General access

viewof ageLegalMap, // Subtechniques access

viewof publicFundingMap, // Pubic funding access

viewof maxCyclesMap, // Pubic funding: max cycles,

styles as mapStyles,

mutable mutableCountry as mutableCountryGeneral,

resumeTotalsSubtechniques,

resumeTotalsAge,

resumeTotalsPublicFundingNoPublicFunding,

resumeTotalsPublicFunding,

resumeTotalsCyclesNoPublicFunding,

resumeTotalsCycles

} with {

personalSituation as _personalSituationSelector,

personalAge as _femaleAgeSelector,

partnerAge as _maleAgeSelector,

regionsGeometry as _regionsGeometry,

isInsemination as _isInsemination,

artTechniqueSelector as _artTechniqueSelector,

languageSelector as _languageSelector,

isHetero as _isHetero,

_isMobile as isMobile,

_myWidth as myWidth

} from "@civio/619-cartogram-eu-v12"

import {

slider,

sliderSettingsAge_female,

sliderSettingsAge_male,

datasetGeneral,

ageLegalNotes,

ageLegalNotesExtra,

resumeCountryAccessLegalAge,

unableBlockLegalAge

} with {

myCountryAccessLegalAge as _myCountryAccess,

myCountryIsUnableLegalAge as _myCountryIsUnable,

mutableCountryGeneral as myCountry,

personalAge as avatarAge_female,

partnerAge as avatarAge_male,

languageSelector as _languageSelector,

isHetero as _isHetero

} from "@civio/619-age-limits-v04"

myCountryAccessLegalAge = ageLegalMap.myCountryAccessLegalAge

myCountryIsUnableLegalAge = ageLegalMap.myCountryIsUnable

// Flag variable

isInsemination = artTechniqueSelector === "Insemination"

import {

ARTScheme,

subTechniquesResult,

subTechniquesNotes,

subtechniquesNotesExtra,

resumeCountryAccessSubtechniques

} with {

myCountryAccessSubtechniques as _myCountryAccess,

artTechniqueSelector as _artTechniqueSelector,

insemination_SubtechniquesSelector as _insemination_SubtechniquesSelector,

inVitro_SubtechniquesSelector as _inVitro_SubtechniquesSelector,

personalSituation as _personalSituationSelector,

mutableCountryGeneral as _myCountry,

languageSelector as _languageSelector

} from "@civio/619-subtechniques-v03"

myCountryAccessSubtechniques = subtechniquesMap.myCountryAccessTechniques

import {

sliderSettingsAge_female_public,

sliderSettingsAge_male_public,

publicFundingNotes,

publicFundingNotesExtra,

extraBarriersNote,

resumeCountryAccessPublicFunding,

unableBlockPublicFunding

} with {

myCountryAccessPublicFunding as _myCountryAccess,

myCountryIsUnablePublicFunding as _myCountryIsUnable,

myCountryAccessSubtechniques as _myCountryAccessSubtechniques,

myCountryAccessLegalAge as _myCountryAccessLegalAge,

mutableCountryGeneral as myCountry,

personalAge as avatarAge_female,

partnerAge as avatarAge_male,

languageSelector as _languageSelector,

isHetero as _isHetero

} from "@civio/619-public-funding-limits-v04"

myCountryIsUnablePublicFunding

myCountryAccessPublicFunding = publicFundingMap.myCountryAccessPublicAge

myCountryIsUnablePublicFunding = publicFundingMap.myCountryIsUnable

import {

cycleScheme,

resumeCountryAccessMaxCycles,

unableBlockMaxCycles,

publicFundingCyclesNotesExtra

} with {

mutableCountryGeneral as _myCountry,

artTechniqueSelector as _artTechniqueSelector,

myCountryAccessMaxCycles as _myCountryAccess,

myCountryIsUnableMaxCycles as _myCountryIsUnable,

myCountryAccessSubtechniques as _myCountryAccessSubtechniques,

myCountryAccessLegalAge as _myCountryAccessLegalAge,

myCountryAccessPublicFunding as _myCountryAccessPublicFunding,

languageSelector as _languageSelector

} from "@civio/619-public-funding-cycles-v01"

myCountryAccessMaxCycles = maxCyclesMap.myCountryAccessUnlimitedCycles

myCountryIsUnableMaxCycles = maxCyclesMap.myCountryIsUnable

totalCyclesNoPublicFunding = maxCyclesMap.totalNoPublicFunding

locale = ({

en: {

title: `<h1 class="dataviz-title">Assisted reproduction in 43 European countries</h1>`,

introNote: `

Click here to enter your details: personal situation and age

`,

pickTechnique: `Pick a technique`,

hetero_couples: "woman in a heterosexual couple",

single_women: "single woman",

female_couples: "woman in a female couple",

legalAccess: "Legal access",

legalAccessBasedOnPersonalSituationPre: `Access to`,

legalAccessBasedOnPersonalSituationPost: `techniques based on your personal situation:`,

legalAccessBasedOnAge: `Access to assisted reproduction techniques based on your age`,

legalAccessBasedOnAgePartner: `and the age of your partner:`,

publicFunding: "Public funding",

publicFundingBasedOnAge: `Access to publicly funded assisted reproduction techniques based on your age,`,

publicFundingExtraBarriers: ` and, in some cases, BMI, parity and/or copayment extra barriers:`,

publicFundingCyclesPre: `Limitations in the number of cycles publicly funded with `,

publicFundingCyclesPost: `techniques:`,

publicFundingBasedOnAgePartner: `the age of your partner`,

resumeTotalsSubtechniquesIntro: `As ${localePersonalSituation["en"][personalSituation]} the law allows you to undergo `,

resumeTotalsAgeIntroPre: `${

isHetero

? `At the age of ${personalAge} (♀), if your partner is `

: `At the age of ${personalAge} (♀) the law allows you to undergo assisted reproduction techniques`

}`,

resumeTotalsAgeIntroPost: `${

isHetero ? "(♂) " : ""

}the law allows you to undergo assisted reproduction techniques `,

resumeTotalsPublicFundingIntroPre: `${

isHetero

? `At the age of ${personalAge} (♀), if your partner is `

: `At the age of ${personalAge} (♀) you can access public funding for your treatment`

}`,

resumeTotalsPublicFundingIntroPost: `you can access public funding `

es: {

title: `<h1 class="dataviz-title">Reproducción asistida en 43 países europeos</h1>`,

introNote: `

Haz click aquí para introducir tus detalles: situación personal y edad

`,

pickTechnique: `Elige una técnica`,

hetero_couples: "mujer en pareja heterosexual",

single_women: "mujer sin pareja",

female_couples: "mujer en pareja de mujeres",

legalAccess: "Límites legales",

legalAccessBasedOnPersonalSituationPre: `Acceso a `,

legalAccessBasedOnPersonalSituationPost: `según tu situación personal:`,

legalAccessBasedOnAge: `Acceso a técnicas de reproducción asistida según tu edad`,

legalAccessBasedOnAgePartner: `y la edad de tu pareja:`,

publicFunding: "Financiación pública",

publicFundingBasedOnAge: `Acceso a Técnicas de Reproducción Asistida públicamente financiadas según tu edad,`,

publicFundingExtraBarriers: `y, en algunos casos, barreras extra de Índice de Masa Corporal (BMI), paridad y/o copago:`,

publicFundingCyclesPre: `Limitaciones en el número de ciclos financiados públicamente con `,

publicFundingCyclesPost: `:`,

publicFundingBasedOnAgePartner: `la edad de tu pareja`,

resumeTotalsSubtechniquesIntro: `Como ${localePersonalSituation["es"][personalSituation]} la ley te permite usar `,

resumeTotalsAgeIntroPre: `${

isHetero

? `Con ${personalAge} años (♀), si tu pareja tiene `

: `Con ${personalAge} años (♀) la ley te permite usar reproducción asistida en general`

}`,

resumeTotalsAgeIntroPost: `${

isHetero ? "(♂) " : ""

}la ley te permite usar reproducción asistida en general `,

resumeTotalsPublicFundingIntroPre: `${

isHetero

? `Con ${personalAge} años (♀), si tu pareja tiene `

: `Con ${personalAge} años (♀) puedes acceder a financiación pública para tu tratamiento`

}`,

resumeTotalsPublicFundingIntroPost: `puedes acceder a financiación pública `

it: {

title: `<h1 class="dataviz-title">Riproduzione assistita in 43 Paesi europei</h1>`,

introNote: `

Clicca qui per inserire i tuoi dettagli: situazione personale ed età

`,

pickTechnique: `Sei...`,

hetero_couples: "donna in coppia eterosessuale",

single_women: "donna single",

female_couples: "donna in una coppia femminile",

legalAccess: "Limiti legali",

legalAccessBasedOnPersonalSituationPre: `Acceso a `,

legalAccessBasedOnPersonalSituationPost: `según tu situación personal:`,

legalAccessBasedOnAge: `Acceso a técnicas de reproducción asistida según tu edad`,

legalAccessBasedOnAgePartner: `y la edad de tu pareja:`,

publicFunding: "Finanziamento pubblico",

publicFundingBasedOnAge: `Acceso a Técnicas de Reproducción Asistida públicamente financiadas según tu edad,`,

publicFundingExtraBarriers: `y, en algunos casos, barreras extra de Índice de Masa Corporal (BMI), paridad y/o copago:`,

publicFundingCyclesPre: `Limitaciones en el número de ciclos financiados públicamente con `,

publicFundingCyclesPost: `:`,

publicFundingBasedOnAgePartner: `la edad de tu pareja`,

resumeTotalsSubtechniquesIntro: `In quanto ${localePersonalSituation["it"][personalSituation]}la legge ti permette di sottoporti a `,

resumeTotalsAgeIntroPre: `${

isHetero

? `All'età di ${personalAge} (♀), se il tuo partner è`

: `All'età di ${personalAge} (♀) la legge ti permette di sottoporti a riproduzione assistita`

}`,

resumeTotalsAgeIntroPost: `${

isHetero ? "(♂) " : ""

}la legge ti permette di sottoporti a riproduzione assistita en general `,

resumeTotalsPublicFundingIntroPre: `${

isHetero

? `All'età di ${personalAge} (♀), se il tuo partner è `

: `All'età di ${personalAge} (♀)puoi accedere a finanziamenti pubblici per il tuo trattament`

}`,

resumeTotalsPublicFundingIntroPost: `puoi accedere a finanziamenti pubblici`

fr: {

title: `<h1 class="dataviz-title">La procréation assistée dans 43 pays européens</h1>`,

introNote: `

Cliquez ici pour saisir les données requises: situation personnelle et âge

`,

pickTechnique: `Vous êtes...`,

hetero_couples: "une femme dans un couple hétérosexuel",

single_women: "une femme célibataire",

female_couples: "une femme dans un couple de femmes",

legalAccess: "Limites légales",

publicFunding: "Financement public",

resumeTotalsSubtechniquesIntro: `En tant que ${localePersonalSituation["fr"][personalSituation]}la loi vous autorise à vous soumettre à un traitement de `,

resumeTotalsAgeIntroPre: `${

isHetero

? `À l’âge de ${personalAge} (♀), si votre partenaire est`

: `À l’âge de ${personalAge} (♀) la loi vous autorise à vous soumettre à un traitement de procréation assistée`

}`,

resumeTotalsAgeIntroPost: `${

isHetero ? "(♂) " : ""

}la loi vous autorise à vous soumettre à un traitement de procréation assistée `,

resumeTotalsPublicFundingIntroPre: `${

isHetero

? `À l’âge de ${personalAge} (♀), si votre partenaire est `

: `À l’âge de ${personalAge} (♀)vous pouvez bénéficier de fonds publics pour votre traitement`

}`,

resumeTotalsPublicFundingIntroPost: `pouvez bénéficier de fonds publics pour votre traitement`

el: {

title: `<h1 class="dataviz-title">Υποβοηθούμενη αναπαραγωγή σε 43 ευρωπαϊκές χώρες</h1>`,

introNote: `

Κλικ εδώ για να εισάγετε τα στοιχεία σας: οικογενειακή κατάσταση και ηλικία

`,

legalAccess: "Νομικά όρια",

publicFunding: "Δημόσια χρηματοδότηση",

resumeTotalsSubtechniquesIntro: `Ως ${localePersonalSituation["el"][personalSituation]}ο νόμος σας επιτρέπει να υποβληθείτε σε `,

resumeTotalsAgeIntroPre: `${

isHetero

? `Στην ηλικία των ${personalAge} (♀), και αν ο σύντροφός σας είναι`

: `Στην ηλικία των ${personalAge} (♀) ο νόμος σας επιτρέπει να υποβληθείτε σε υποβοηθούμενη αναπαραγωγή

}`,

resumeTotalsAgeIntroPost: `${

isHetero ? "(♂) " : ""

}ο νόμος σας επιτρέπει να υποβληθείτε σε υποβοηθούμενη αναπαραγωγή `,

resumeTotalsPublicFundingIntroPre: `${

isHetero

? `Στην ηλικία των ${personalAge} (♀), και αν ο σύντροφός σας είναι`

: `Στην ηλικία των ${personalAge} (♀)μπορείτε να αποκτήσετε πρόσβαση σε δημόσια χρηματοδότηση`

}`,

resumeTotalsPublicFundingIntroPost: `μπορείτε να αποκτήσετε πρόσβαση σε δημόσια χρηματοδότηση`

}

})

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.

Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.

Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.

Learn more