31:Tc46,setSettings = (sex, type) => ({ title: "Restricciones IMC (WIP!)", divAttrs: { id: `female_legal` }, min: minIMCRange, max: maxIMCRange, step: 1, value: _myRegionData.IMC_max, theme: markSelector, highlight: { lower: _myRegionData.IMC_min, upper: _myRegionData.IMC_max, colors: { normal: colorNoAccess, inactive: "#6BCAD9", active: "#08A6BF" }, preventUpdate: false }, oninput: (objs) => { let minValue = _myRegionData.IMC_min; let maxValue = _myRegionData.IMC_max; let topDistance = "75px"; // Div styles objs.div.style.position = "relative"; objs.div.style.left = "30px"; 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.opacity = 0; //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(`#IMC-max`) .html(maxValue) .style("color", colorNoAccess) .style("font-family", "Lato") .style("font-size", "0.72rem") .style("display", "inline-block") .style("position", "absolute") .style("top", topDistance) .style("left", scaleX(maxValue) - 5 + "px"); limits .select(`#IMC-min`) .html(minValue) .style("color", colorNoAccess) .style("font-family", "Lato") .style("font-size", "0.72rem") .style("display", "inline-block") .style("position", "absolute") .style("top", topDistance) .style("left", scaleX(minValue) - 10 + "px"); ///// 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); } })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":1636712157035.567,"size":476}] 2f:{"title":"#648 Extra barriers - Spain - CCAA_v01","cells":[{"id":0,"value":"# #648 Extra barriers - Spain - CCAA_v01\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/)\n\n**References:**\n- [DIY inputs](https://observablehq.com/@bartok32/diy-inputs) by [Bartosz Prusinowski](https://observablehq.com/@bartok32).","pinned":false,"hidden":false,"mode":"md"},{"id":1873,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1606,"value":"_languageSelector = \"es\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2157,"value":"datasetCCAA = datasetExtraBarriersCCAA","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":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":2456,"value":"viewof IMCScheme = slider(sliderSettings_IMC)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2557,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1832,"value":"### Settings","pinned":false,"hidden":false,"mode":"md"},{"id":2506,"value":"_myRegionData.IMC_max","pinned":true,"hidden":false,"mode":"ojs"},{"id":2509,"value":"_myRegionData.IMC_min","pinned":true,"hidden":false,"mode":"ojs"},{"id":2454,"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":2466,"value":"IMCFixed = setSettings(\"female\", \"legal\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2458,"value":"sliderSettings_IMC = ({ ...IMCFixed, ...IMCDesc })","pinned":false,"hidden":false,"mode":"ojs"},{"id":2460,"value":"IMCDesc = ({\n desc: html`\n \n

\n IMC
MUJER\n \n \n \n min value?\n max value?\n \n `\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2450,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":2462,"value":"iconHeignt = 35","pinned":false,"hidden":false,"mode":"ojs"},{"id":2464,"value":"iconWidth = 35","pinned":false,"hidden":false,"mode":"ojs"},{"id":2535,"value":"minIMCRange = 10","pinned":false,"hidden":false,"mode":"ojs"},{"id":2537,"value":"maxIMCRange = 45","pinned":false,"hidden":false,"mode":"ojs"},{"id":2478,"value":"viewof sliderWidth = Inputs.range([0, 320], {\n label: \"Slider width\",\n value: 150\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2480,"value":"sliderHeight = 90","pinned":false,"hidden":false,"mode":"ojs"},{"id":2482,"value":"viewof marginLeft = Inputs.range([0, 100], {\n label: \"Padding left\",\n value: 70\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2184,"value":"_myRegionData = myCCAAData","pinned":false,"hidden":false,"mode":"ojs"},{"id":2181,"value":"myCCAAData = datasetCCAA.find((d) => d.region_code === myRegion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2425,"value":"myRegionNotes = datasetCCAA.filter((d) => d.region_code === myRegion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2472,"value":"maxImc = _myRegionData.IMC_max","pinned":false,"hidden":false,"mode":"ojs"},{"id":2470,"value":"minImc = _myRegionData.IMC_min","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":"resumeExtraBarriers = html`\n ${\n _myRegionAccess === \"Yes\"\n ? chunkAccessYesCCAA\n : _myRegionAccess === \"No\"\n ? chunkAccessNoCCAA\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":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":true,"hidden":false,"mode":"ojs"},{"id":1503,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":2066,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2208,"value":"### Extra notes about each region","pinned":false,"hidden":false,"mode":"md"},{"id":2221,"value":"_myRegionData","pinned":true,"hidden":false,"mode":"ojs"},{"id":2212,"value":"extraBarriersNotesExtraCCAA = html`\n\n

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

${_myRegionData.extraBarriers_notes}

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

\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"### Settings","pinned":false,"hidden":false,"mode":"md"},{"id":529,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":241,"value":"### Handful functions","pinned":false,"hidden":false,"mode":"md"},{"id":2492,"value":"scaleX = d3\n .scaleLinear()\n .domain([minIMCRange, maxIMCRange])\n .range([0, sliderWidth])","pinned":true,"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":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":"URLdatasetExtraBarriers_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(URLdatasetExtraBarriers_CCAA, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2114,"value":"datasetExtraBarriersCCAA = {\n const data = await d3.csv(\n URLdatasetExtraBarriers_CCAA,\n ({\n region_code_ISO,\n region_name,\n extraBarriers_viz,\n extraBarriers_notes,\n IMC_number_min,\n IMC_number_max\n }) => ({\n region_code: region_code_ISO,\n region_name: region_name,\n extraBarriers_viz: extraBarriers_viz.trim(),\n extraBarriers_notes: extraBarriers_notes,\n IMC_min: IMC_number_min,\n IMC_max: IMC_number_max\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":false,"hidden":false,"mode":"ojs"},{"id":2125,"value":"Inputs.table(datasetExtraBarriersCCAA)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2167,"value":"regions = datasetExtraBarriersCCAA.map((d) => d.region_code)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2109,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1609,"value":"### Languages","pinned":false,"hidden":false,"mode":"md"},{"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} no hay restricciones extras, aplican las estatales: no se permite a personas con hijos previos y sanos (y común, en el caso de parejas), que se hayan esterilizado de forma voluntaria antes o en aquellos casos en los que el tratamiento o la gestación pueda suponer riesgos para la madre o la descendencia.\n

`,\n\n chunkAccessNoCCAA: `

En ${_myRegionData.region_code}: ${_myRegionData.region_name} hay barreras extras:\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"}