The avatar for @civio
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
Published
Medicamentalia
Edited
Nov 16, 2021
1 fork
Importers
5 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// https://observablehq.com/@vpascual/first-attempt-of-drawing-a-svg-world-map-with-orthographic-p
path = d3.geoPath(
projection
.rotate([rotateHorizontally, rotateVertically])
.scale([scaleFactor])
//.center(SpainLocation)
.center([0, 0])
.translate([translateX, translateY])
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
//borders = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chartStyle = html`
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&display=swap" rel="stylesheet">

${observbleDefaultStyles}

<style>

html *, svg * {
font-family: 'Lato', sans-serif;
}

</style>
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// Adding date as parameter to avoid cache problems with any data update
dateId = new Date().getTime()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
locale = ({
en: {
title:
"Origin of those who came to Spain in 2019 for assisted reproduction treatments",
cycles: "cycles",

source:
"Source: <a href='https://www.registrosef.com/public/docs/sef2019_IAFIVm.pdf' target='_blank'>Registro Nacional de Actividad, 2019. Registro SEF</a>",
note: "Total cycles include fresh and frozen cycles.",
note2: "Only countries accounting for more than 1% of the total are shown.",
others: "Others: 3612 cycles (19.6%)",
notAvailable: "Origin not available: 1391 cyces (7.5%)",

countries: {
France: "France",
Italy: "Italy",
"United Kingdom": "United Kingdom",
Germany: "Germany",
Portugal: "Portugal",
Morocco: "Morocco",
"Republic of Equatorial Guinea": "Rep. of Ecuatorial Guinea"
}
},
es: {
title:
"Origen de quienes llegaron a España en 2019 para tratamientos de reproducción asistida",
cycles: "ciclos",

source:
"Fuente: <a href='https://www.registrosef.com/public/docs/sef2019_IAFIVm.pdf' target='_blank'>Registro Nacional de Actividad, 2019. Registro SEF</a>",
note: "El total de ciclos incluye ciclos frescos y congelados.",
note2:
"Se muestran solo aquellos países que suponen más del 1% sobre el total.",
others: "Otros: 3612 ciclos (19.6%)",
notAvailable: "Origen no disponible: 1391 ciclos (7.5%)",

countries: {
France: "Francia",
Italy: "Italia",
"United Kingdom": "Reino Unido",
Germany: "Alemania",
Portugal: "Portugal",
Morocco: "Marruecos",
"Republic of Equatorial Guinea": "Rep. de Guinea Ecuatorial"
}
}
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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