30:T33f1,setSettings = (sex, type) => ({ title: "x", divAttrs: { id: `${type}_${sex}` }, min: 1, max: 100, step: 1, value: sex === "female" ? femaleAge : maleAge, theme: markSelector, highlight: { lower: sex === "female" ? _myRegionData.female_minAge : _myRegionData.male_minAge, upper: sex === "female" ? _myRegionData.female_maxAge : _myRegionData.male_maxAge, colors: { normal: colorNoAccess, inactive: "#6BCAD9", active: "#08A6BF" }, preventUpdate: false }, oninput: (objs) => { //console.log("objs", objs); // Female values let minValue = sex === "female" ? legalMinValue_female : legalMinValue_male; let maxValue = sex === "female" ? legalMaxValue_female : legalMaxValue_male; let topDistance = "75px"; // Div styles objs.div.style.position = "relative"; //objs.div.style.paddingBottom = "120px"; //objs.div.style.left = marginLeft + "px"; objs.div.style.left = "50px"; objs.div.style.top = "-20px"; objs.div.style.height = sliderHeight + "px"; objs.div.style.pointerEvents = "none"; // Title style objs.title.style.marginLeft = -marginLeft + "px"; objs.title.style.opacity = 0; // Slider styles objs.slider.style.width = sliderWidth + "px"; objs.slider.style.marginTop = "40px"; objs.slider.style.height = "6px"; // Output (value text) styles objs.output.style.display = "inline-block"; //objs.output.style.textAlign = "center"; objs.output.style.fontSize = "0.8rem"; objs.output.style.fontWeight = "800"; objs.output.style.fontFamily = "Lato"; objs.output.style.position = "absolute"; objs.output.style.left = objs.value < 10 ? sliderWidth * objs.progress - 5 + "px" : sliderWidth * objs.progress - 10 + "px"; objs.output.style.top = "30px"; // Description styles objs.desc.style.position = "relative"; objs.desc.style.pointerEvents = "none"; d3.select(objs.desc) .select(".lateralEl") .style("position", "absolute") .style("top", "-50px") .style("margin-left", -marginLeft + "px"); //.style.top = "-50px"; //objs.desc.style.marginLeft = -marginLeft + "px"; // Limit styles const limits = d3 .select(objs.desc) .select(".limitsEl") .style("position", "absolute") .style("top", "-75px"); limits .select(`#${type}_${sex}-max`) .html(function (d) { if (maxValue === 100) { return locale[_languageSelector]["noLimit"]; } else if (maxValue === "reproductive age") { return locale[_languageSelector]["repAge"]; } else if (maxValue === "NotAvailable") { return locale[_languageSelector]["notAvailable"]; } else { return maxValue; } }) .style("color", function (d) { if (maxValue === 100) { return colorAccess; } else if (maxValue === "reproductive age") { return colorDepends; } else if (maxValue === "NotAvailable") { return colorNeutral(200); } else { return colorNoAccess; } }) .style("font-family", "Lato") .style("font-size", "0.72rem") .style( "line-height", maxValue === "reproductive age" || maxValue === 100 || maxValue === "NotAvailable" ? 1 : 1.4 ) .style("display", "inline-block") .style("position", "absolute") .style("top", topDistance) .style("left", function (d) { if (maxValue === 100) { return scaleX(maxValue) - 45 + "px"; } else if (maxValue === "reproductive age") { return scaleX(maxReproctiveAge) - 5 + "px"; } else if (maxValue === "NotAvailable") { return scaleX(100) - 30 + "px"; } else { return scaleX(maxValue) - 5 + "px"; } }); limits .select(`#${type}_${sex}-min`) .html(function (d) { if (minValue === 1) { return locale[_languageSelector]["noLimit"]; } else if (minValue === "reproductive age") { return locale[_languageSelector]["repAge"]; } else if (minValue === "NotAvailable") { return locale[_languageSelector]["notAvailable"]; } else { return minValue; } }) .style("color", function (d) { if (minValue === 1) { return colorAccess; } else if (minValue === "reproductive age") { return colorDepends; } else if (minValue === "NotAvailable") { return colorNeutral(200); } else { return colorNoAccess; } }) .style("font-family", "Lato") .style("font-size", "0.72rem") .style( "line-height", minValue === "reproductive age" || minValue === 1 || minValue === "NotAvailable" ? 1 : 1.4 ) .style("display", "inline-block") .style("position", "absolute") .style("top", topDistance) .style("left", function (d) { if (minValue === 1) { return scaleX(minValue) - 5 + "px"; } else if (minValue === "reproductive age") { return scaleX(minReproctiveAge) - 5 + "px"; } else if (minValue === "NotAvailable") { return scaleX(1) + "px"; } else { return scaleX(minValue) - 10 + "px"; } }); const colorMin = "transparent"; const uncertaintyMargin = 20; //console.log(myCountry.legalMinValue, myCountry.legalMaxValue); // TEST REPRODUCTIVE AGE - CHANGING BACKGROUND GRAD if (minValue === "reproductive age" && maxValue === "reproductive age") { d3.select(objs.slider).style( "background", `linear-gradient(90deg, ${colorNoAccess} ${percentualScale( minReproctiveAge - uncertaintyMargin )}%, ${colorAccess} ${percentualScale( minReproctiveAge + uncertaintyMargin )}%, ${colorAccess} ${percentualScale( maxReproctiveAge - uncertaintyMargin )}%, ${colorNoAccess} ${percentualScale( maxReproctiveAge + uncertaintyMargin )}%` ); } else if (minValue === "reproductive age") { d3.select(objs.slider).style( "background", `linear-gradient(90deg, ${colorNoAccess} ${percentualScale( minReproctiveAge - uncertaintyMargin )}%, ${colorAccess} ${percentualScale( minReproctiveAge + uncertaintyMargin )}%, ${colorAccess} ${percentualScale(maxValue)}%, ${colorNoAccess} ${percentualScale(maxValue)}%` ); } else if (maxValue === "reproductive age") { d3.select(objs.slider).style( "background", `linear-gradient(90deg, ${colorNoAccess} ${percentualScale(minValue)}%, ${colorAccess} ${percentualScale(minValue)}%, ${colorAccess} ${percentualScale( maxReproctiveAge - uncertaintyMargin )}%, ${colorNoAccess} ${percentualScale( maxReproctiveAge + uncertaintyMargin )}%` ); // N/A CASES } else if (maxValue === "NotAvailable" && minValue === "NotAvailable") { d3.select(objs.slider).style("background", "lighgrey"); } else if (maxValue === "NotAvailable") { d3.select(objs.slider).style( "background", `linear-gradient(90deg, ${colorNoAccess} ${percentualScale(minValue)}%, ${colorNoAccess} ${percentualScale(minValue)}%, ${colorNeutral(100)} ${percentualScale(minValue)}%, ${colorNeutral(100)} ${percentualScale(100)}%` ); } else if (minValue === "NotAvailable") { d3.select(objs.slider).style( "background", `linear-gradient(90deg, ${colorNeutral(100)} ${percentualScale(1)}%, ${colorNeutral(100)} ${percentualScale(maxValue)}%, ${colorNoAccess} ${percentualScale(maxValue)}%, ${colorNoAccess} ${percentualScale(maxValue)}%` ); } // Force empty text d3.select(objs.desc) .select(`.${type}TextSlider2`) .style("display", "block") .text(""); // Description // Legal Access results if (minValue === "reproductive age" && maxValue === "reproductive age") { // Input value d3.select(objs.output).style("color", colorDepends); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorDepends) .style("border-color", colorDependsDarker); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorDepends); d3.select(objs.desc) .select(`.${type}TextSlider`) .text( sex === "female" ? locale[_languageSelector]["femaleLimits"] : locale[_languageSelector]["maleLimits"] ); } else if ( maxValue === "reproductive age" && objs.slider.value >= minValue ) { // Input value d3.select(objs.output).style("color", colorDepends); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorDepends) .style("border-color", colorDependsDarker); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorDepends); d3.select(objs.desc) .select(`.${type}TextSlider`) .text( sex === "female" ? locale[_languageSelector]["femaleLimits"] : locale[_languageSelector]["maleLimits"] ); } else if ( minValue === "reproductive age" && objs.slider.value < maxValue ) { // Input value d3.select(objs.output).style("color", colorDepends); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorDepends) .style("border-color", colorDependsDarker); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorDepends); d3.select(objs.desc) .select(`.${type}TextSlider`) .text( sex === "female" ? locale[_languageSelector]["femaleLimits"] : locale[_languageSelector]["maleLimits"] ); } else if (minValue === "NotAvailable" && maxValue === "NotAvailable") { // Input value d3.select(objs.output).style("color", colorNeutral(200)); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorNeutral(100)) .style("border-color", colorNeutral(100)); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorNeutral(200)); d3.select(objs.desc) .select(`.${type}TextSlider`) .text(locale[_languageSelector]["notAvailable"]); } else if (objs.slider.value >= minValue && maxValue === "NotAvailable") { // Input value d3.select(objs.output).style("color", colorNeutral(200)); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorNeutral(100)) .style("border-color", colorNeutral(100)); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorNeutral(200)); d3.select(objs.desc) .select(`.${type}TextSlider`) .text(locale[_languageSelector]["notAvailable"]); } else if (objs.slider.value >= minValue && objs.slider.value < maxValue) { // Input value d3.select(objs.output).style("color", colorAccess); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorAccess) .style("border-color", colorAccessDarker); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorAccess); d3.select(objs.desc) .select(`.${type}TextSlider`) .text( sex === "female" ? locale[_languageSelector]["femaleLimits"] : locale[_languageSelector]["maleLimits"] ); } else { // Input value d3.select(objs.output).style("color", colorNoAccess); // Icon background instead of filter d3.select(objs.desc) .select(".sliderIcon") .style("background", colorNoAccess) .style("border-color", colorNoAccessDarker); d3.select(objs.desc) .select(`.${type}TextSlider`) .style("color", colorNoAccess); d3.select(objs.desc) .select(`.${type}TextSlider2`) .style("display", "block") .style("color", colorNoAccess) .style("font-weight", 400) .text( minValue !== "reproductive age" ? objs.slider.value < minValue ? locale[_languageSelector]["tooYoung"] : locale[_languageSelector]["tooOld"] : objs.slider.value > maxValue ? locale[_languageSelector]["tooOld"] : locale[_languageSelector]["tooYoung"] ); } } })31:T53c,datasetGeneral = { const data = await d3.csv( URLdataset_general, ({ country_code, country_name, female_minAge, female_maxAge, male_minAge, male_maxAge, limited_byAge }) => ({ country_code: country_code, country_name: country_name, female_minAge: female_minAge === "No" ? 1 : female_minAge === "reproductive age" || female_minAge === "NotAvailable" ? female_minAge : +female_minAge, female_maxAge: female_maxAge === "No" ? 100 : female_maxAge === "reproductive age" || female_maxAge === "NotAvailable" ? female_maxAge : +female_maxAge, male_minAge: male_minAge === "No" ? 1 : male_minAge === "reproductive age" || male_minAge === "NotAvailable" ? male_minAge : +male_minAge, male_maxAge: male_maxAge === "No" ? 100 : male_maxAge === "reproductive age" || male_maxAge === "NotAvailable" ? male_maxAge : +male_maxAge, limited_byAge: limited_byAge }) ); // Sorting by country name alphabetically return data .filter((d) => d.country_code !== "") .sort((a, b) => d3.ascending(a.country_name, b.country_name)); }32:T7f5,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 Republic", 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: "The 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ública 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: "Países 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" } } })33:[{"id":"1ef9ab23d0f53c01bbb0c588ea6d1ad1ba545f56b884da83b4e88c1bb029fac55a84660358f2e19a1115b96796d6fa5c8826dd1c8c746f2d8d4dee30f4816e8b","href":"https://static.observableusercontent.com/files/1ef9ab23d0f53c01bbb0c588ea6d1ad1ba545f56b884da83b4e88c1bb029fac55a84660358f2e19a1115b96796d6fa5c8826dd1c8c746f2d8d4dee30f4816e8b","name":"female@1.svg","type":"image/svg+xml","lastModified":1636370653384.178,"size":476},{"id":"fd71b8633d36a175bed19b1596f725b53a5936ea9499e5e43e291c2c235aed6484f043e68fbc0a9ba8903252c655d0a79475a550092e3bd43164eb003ef8edd3","href":"https://static.observableusercontent.com/files/fd71b8633d36a175bed19b1596f725b53a5936ea9499e5e43e291c2c235aed6484f043e68fbc0a9ba8903252c655d0a79475a550092e3bd43164eb003ef8edd3","name":"male@3.svg","type":"image/svg+xml","lastModified":1636370653384.178,"size":477}] 2e:{"title":"#648 Legal Age limits SPAIN - CCAA_v04","cells":[{"id":0,"value":"# #648 Legal Age limits SPAIN - CCAA_v04\n\n.\n\nThis is a small piece imported on this notebook [648-art-access-spain-v01](https://observablehq.com/@civio/648-art-access-spain-v01)\n\n\n**Article published in Civio (16/11/21):**\n- Spanish version: [La odisea de acceder a la reproducción asistida pública según donde vivas](https://civio.es/medicamentalia/2021/11/16/diferencias-en-reproduccion-asistida-por-comunidades-autonomas/)","pinned":false,"hidden":false,"mode":"md"},{"id":1873,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1606,"value":"viewof _languageSelector = Inputs.radio(Object.keys(locale), {\n label: \"Language\",\n value: \"es\", // 👈🏻 Default value\n disabled: isEurope ? \"\" : [\"en\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2094,"value":"viewof _regionSelector = Inputs.radio([\"Europe\", \"SpainCCAA\"], {\n label: \"Region\",\n value: \"SpainCCAA\" // 👈🏻 Default value\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2097,"value":"isEurope = _regionSelector === \"Europe\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2157,"value":"dataset = isEurope ? datasetGeneral : datasetCCAA","pinned":true,"hidden":false,"mode":"ojs"},{"id":997,"value":"---\n**Avatar age** controlling legal limits and public funding ones :)","pinned":false,"hidden":false,"mode":"md"},{"id":1005,"value":"viewof avatarAge_female = slider({\n //title: \"YOUR AGE (♀)\",\n //desc: \"TOOLTIP.\",\n divAttrs: {\n id: \"avatarAge_female\"\n },\n descStyle: {\n \"margin-top\": \"-24px\",\n \"pointer-events\": \"none\",\n \"font-size\": \"0.9rem\",\n \"font-family\": \"Lato\",\n \"font-weight\": \"800\"\n },\n divStyle: {\n cursor: \"pointer\",\n display: \"inline-block\",\n \"margin-left\": \"5px\",\n \"font-family\": \"Lato\",\n \"font-weight\": \"800\"\n },\n min: 1,\n max: 100,\n step: 1,\n value: 18,\n theme: \"default-round\",\n background: {\n type: \"double\",\n colors: [\"lightGrey\", \"transparent\"]\n },\n oninput: (objs) => {\n // No messages at the moment\n objs.output.textContent = \"\";\n\n objs.desc.textContent =\n objs.value >= 99\n ? \"(♀) \" + \"🤔 100 Too optimistic?\"\n : \"(♀) \" + objs.value + (objs.value >= 2 ? \" years old\" : \" year old\");\n\n objs.desc.style.marginLeft = objs.progress * (200 - 15) + 25 + \"px\";\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1040,"value":"viewof avatarAge_male = slider({\n //title: \"YOUR AGE (♂)\",\n //desc: \"TOOLTIP.\",\n divAttrs: {\n id: \"avatarAge_male\"\n },\n descStyle: {\n \"margin-top\": \"-24px\",\n \"pointer-events\": \"none\",\n \"font-size\": \"0.9rem\",\n \"font-family\": \"Lato\",\n \"font-weight\": \"800\"\n },\n divStyle: {\n cursor: \"pointer\",\n display: \"inline-block\",\n \"margin-left\": \"5px\",\n \"font-family\": \"Lato\",\n \"font-weight\": \"800\"\n },\n min: 1,\n max: 100,\n step: 1,\n value: 18,\n theme: \"default-round\",\n background: {\n type: \"double\",\n colors: [\"lightGrey\", \"transparent\"]\n },\n oninput: (objs) => {\n // No messages at the moment\n objs.output.textContent = \"\";\n\n objs.desc.textContent =\n objs.value >= 99\n ? \"(♂) \" + \"🤔 100 Too optimistic?\"\n : \"(♂) \" + objs.value + (objs.value >= 2 ? \" years old\" : \" year old\");\n\n objs.desc.style.marginLeft = objs.progress * (200 - 15) + 25 + \"px\";\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2080,"value":"### Visual scheme","pinned":false,"hidden":false,"mode":"md"},{"id":27,"value":"viewof myCountry = Inputs.select(countries, { label: \"Country\", value: \"FR\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":2090,"value":"viewof myRegion = Inputs.select(regions, {\n label: \"Spanish CCAA\",\n value: \"MD\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2154,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1832,"value":"### Settings","pinned":false,"hidden":false,"mode":"md"},{"id":2184,"value":"_myRegionData = isEurope ? myCountryData : myCCAAData","pinned":true,"hidden":false,"mode":"ojs"},{"id":515,"value":"myCountryData = datasetGeneral.find((d) => d.country_code === myCountry)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2181,"value":"myCCAAData = datasetCCAA.find((d) => d.region_code === myRegion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1490,"value":"_myCountryData = myCountryData","pinned":false,"hidden":false,"mode":"ojs"},{"id":1074,"value":"myCountryNotes = datasetNotesGeneral.filter((d) => d.country_code === myCountry)","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"viewof sliderWidth = Inputs.range([0, 320], {\n label: \"Slider width\",\n value: 150\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"viewof marginLeft = Inputs.range([0, 100], {\n label: \"Padding left\",\n value: 90\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"viewof markSelector = Inputs.radio(\n [\"default\", \"default-round\", \"default-thin\", \"white-round\"],\n {\n label: \"Mark selector\",\n value: \"default-thin\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2005,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2228,"value":"### Resume region","pinned":false,"hidden":false,"mode":"md"},{"id":2246,"value":"viewof _myRegionAccess = Inputs.radio(\n [\"Yes\", \"No\", \"Depends\", \"NotAvailable\"],\n {\n value: \"Yes\",\n label: \"Regions access\"\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2230,"value":"resumeRegionAccessLegalAge = html`\n ${\n _myRegionAccess === \"Yes\"\n ? chunkAccessYesCCAA\n : _myRegionAccess === \"No\" ||\n _myRegionData.region_code === \"MD\" ||\n _myRegionData.region_code === \"IB\"\n ? chunkAccessNoCCAA\n : _myRegionAccess === \"Depends\"\n ? chunkAccessDependsCCAA\n : chunkAccessNotAvailableCCAA\n }\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2273,"value":"chunkAccessYesCCAA = html`\n ${locale[_languageSelector].chunkAccessYesCCAA}\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2285,"value":"chunkAccessDependsCCAA = html`\n ${locale[_languageSelector].chunkAccessDependsCCAA}\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2287,"value":"chunkAccessNoCCAA = html`\n ${locale[_languageSelector].chunkAccessNoCCAA}\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2289,"value":"chunkAccessNotAvailableCCAA = html`\n ${locale[_languageSelector].chunkAccessNotAvailableCCAA}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1503,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":1885,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2208,"value":"### Extra notes about each region","pinned":false,"hidden":false,"mode":"md"},{"id":2219,"value":"myCountryData","pinned":true,"hidden":false,"mode":"ojs"},{"id":2221,"value":"_myRegionData","pinned":true,"hidden":false,"mode":"ojs"},{"id":2212,"value":"ageLegalNotesExtraCCAA = html`\n\n

\n\n${\n _myRegionData.age_notes\n ? `

${_myRegionData.age_notes}\n

\n \n `\n : \"\"\n}\n\n

\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":1754,"value":"_isHetero = true","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"### Settings","pinned":false,"hidden":false,"mode":"md"},{"id":1179,"value":"sliderSettingsAge_female = ({ ...femaleFixed, ...femaleDesc })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1207,"value":"sliderSettingsAge_male = ({ ...maleFixed, ...maleDesc })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1182,"value":"femaleFixed = setSettings(\"female\", \"legal\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1212,"value":"maleFixed = setSettings(\"male\", \"legal\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1177,"value":"femaleDesc = ({\n desc: html`\n \n

\n ...\n \n \n \n min value?\n max value?\n \n `\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1202,"value":"maleDesc = ({\n desc: html`\n \n

\n ...\n \n \n \n min value?\n max value?\n \n `\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1170,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1365,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":874,"value":"#### Related global variables","pinned":false,"hidden":false,"mode":"md"},{"id":811,"value":"legalMinValue_female = _myRegionData.female_minAge","pinned":false,"hidden":false,"mode":"ojs"},{"id":844,"value":"legalMinValue_male = _myRegionData.male_minAge","pinned":false,"hidden":false,"mode":"ojs"},{"id":814,"value":"legalMaxValue_female = _myRegionData.female_maxAge","pinned":false,"hidden":false,"mode":"ojs"},{"id":843,"value":"legalMaxValue_male = _myRegionData.male_maxAge","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"femaleAge = avatarAge_female","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"maleAge = avatarAge_male","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"minReproctiveAge = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"maxReproctiveAge = 52","pinned":false,"hidden":false,"mode":"ojs"},{"id":529,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":241,"value":"### Handful functions","pinned":false,"hidden":false,"mode":"md"},{"id":316,"value":"sliderHeight = 120","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"iconHeignt = 35","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"iconWidth = 35","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"scaleX = d3.scaleLinear().domain([0, 100]).range([0, sliderWidth])","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"percentualScale = d3.scaleLinear().domain([0, 100]).range([0, 100])","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"formatPercent = d3.format(\".0%\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1902,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":247,"value":"### Styles & colors","pinned":false,"hidden":false,"mode":"md"},{"id":46,"value":"colorAccess = \"#08A6BF\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":972,"value":"colorAccessDarker = \"#045360\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"colorNoAccess = \"#EF2E61\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":974,"value":"colorNoAccessDarker = \"#781731\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":850,"value":"colorDepends = \"#967494\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":976,"value":"colorDependsDarker = \"#4B3A4A\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"//colorPublicFunding = \"#D6FCF2\"\ncolorPublicFunding = \"grey\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"//colorPublicFundingTransp = \"#ef2e6199\"\ncolorPublicFundingTransp = \"whitesmoke\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1509,"value":"colorNotAvailable = \"whitesmoke\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1511,"value":"colorNotAvailableText = colorNeutral(300)","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"//filterFromBlackToColorNoAccess = \"invert(0.4) sepia(1) saturate(4) hue-rotate(305deg)\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"//filterFromBlackToColorAccess = \"invert(0.5) sepia(1) saturate(4) hue-rotate(140deg)\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":784,"value":"//filterFromBlackToDepends = \"invert(0.7)\"\n//filterFromBlackToDepends = \"invert(0.51) sepia(0.21) saturate(4.47) hue-rotate(253deg) brightness(0.93) contrast(0.89)\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"### Data","pinned":false,"hidden":false,"mode":"md"},{"id":1801,"value":"// Adding date as parameter to avoid cache problems with any data update\ndateId = new Date().getTime()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2120,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2104,"value":"#### Datasets SPAIN","pinned":false,"hidden":false,"mode":"md"},{"id":2107,"value":"URLdataset_CCAA = `https://data.civio.es/medicamentalia/access-ART-ES/publicAccessART_CCAA.csv?q=${dateId}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2112,"value":"datasetCCAARaw = await d3.csv(URLdataset_CCAA, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2310,"value":"Inputs.table(datasetCCAARaw)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2127,"value":"publicFundingFemaleMaxAgeCCAA = 40","pinned":true,"hidden":false,"mode":"ojs"},{"id":2141,"value":"publicFundingFemaleMinAgeCCAA = 18","pinned":true,"hidden":false,"mode":"ojs"},{"id":2144,"value":"publicFundingMaleMaxAgeCCAA = 100 // Convention to show \"Sin Límite\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2146,"value":"publicFundingMaleMinAgeCCAA = 18","pinned":true,"hidden":false,"mode":"ojs"},{"id":2114,"value":"datasetCCAA = {\n const data = await d3.csv(\n URLdataset_CCAA,\n ({ region_code_ISO, region_name, age_viz, age_notes_formattedCopy }) => ({\n region_code: region_code_ISO,\n region_name: region_name,\n // Three possible answers: \"Yes\", \"Depends\" or \"NotAvailable\"\n female_maxAge:\n age_viz.trim() === \"Yes\"\n ? publicFundingFemaleMaxAgeCCAA\n : age_viz.trim(),\n female_minAge: publicFundingFemaleMinAgeCCAA,\n male_maxAge: publicFundingMaleMaxAgeCCAA,\n male_minAge: publicFundingMaleMinAgeCCAA,\n age_notes: age_notes_formattedCopy\n })\n );\n\n // Sorting by region name alphabetically\n return data\n .filter((d) => d.region_code !== \"\")\n .sort((a, b) => d3.ascending(a.region_name, b.region_name));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2125,"value":"Inputs.table(datasetCCAA)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2167,"value":"regions = datasetCCAA.map((d) => d.region_code)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2109,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":664,"value":"#### Datasets EUROPE","pinned":false,"hidden":false,"mode":"md"},{"id":457,"value":"URLdataset_general = `https://data.civio.es/medicamentalia/access-ART/generalAccess.csv?q=${dateId}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"URLdataset_trans = `https://data.civio.es/medicamentalia/access-ART/generalAccess_trans.csv?q=${dateId}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"datasetGeneralRaw = await d3.csv(URLdataset_general, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":466,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":477,"value":"Inputs.table(datasetGeneral)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1097,"value":"datasetTransRaw = await d3.csv(URLdataset_trans)","pinned":false,"hidden":false,"mode":"ojs"},{"id":481,"value":"datasetTrans = datasetTransRaw.filter((d) => d.country_code !== \"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":485,"value":"Inputs.table(datasetTrans)","pinned":false,"hidden":false,"mode":"ojs"},{"id":473,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":667,"value":"#### Notes EUROPE","pinned":false,"hidden":false,"mode":"md"},{"id":658,"value":"URLdatasetNotes_general = `https://data.civio.es/medicamentalia/access-ART/Notes_generalAccess.csv?q=${dateId}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":698,"value":"datasetNotesGeneralRaw = await d3.csv(URLdatasetNotes_general)","pinned":false,"hidden":false,"mode":"ojs"},{"id":764,"value":"datasetNotesGeneral = datasetNotesGeneralRaw.filter(\n (d) => d.country_code !== \"\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1084,"value":"Inputs.table(datasetNotesGeneral)","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"countries = datasetGeneral.map((d) => d.country_code)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1810,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1609,"value":"### Languages","pinned":false,"hidden":false,"mode":"md"},{"id":2331,"value":"_myRegionData","pinned":true,"hidden":false,"mode":"ojs"},{"id":1684,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1608,"value":"locale = ({\n es: {\n dontApply: \"No aplica\",\n notAvailable: \"No disponible\",\n\n /// REGIONS\n\n chunkAccessYesCCAA: `

En ${_myRegionData.region_code}: ${_myRegionData.region_name} se cumplen los límites nacionales: 40 años \"al inicio del estudio del paciente\" (38 en inseminación con semen de pareja).\n

`,\n\n chunkAccessDependsCCAA: `

En ${_myRegionData.region_code}: ${_myRegionData.region_name} tienen la siguiente interpretación:\n

`,\n\n chunkAccessNoCCAA: `

En ${_myRegionData.region_code}: ${_myRegionData.region_name} tienen la siguiente intepretación:\n

`,\n\n chunkAccessNotAvailableCCAA: `

Información no disponible en ${_myRegionData.region_code}: ${_myRegionData.region_name}

`\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1915,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"import { slider } from \"@bartok32/diy-inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1135,"value":"import { colors, colorNeutral } from \"@civio/utilities\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}