Public
Edited
Paused
Importers
3 stars
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
oficinasIMV = [...new Set(imvData.map((d) => d.office_address))]
Insert cell
oficinasPensiones = [...new Set(pensionesData.map((d) => d.office_address))]
Insert cell
oficinasLista = [...new Set(offices.map((d) => d.address1))]
Insert cell
Insert cell
//oficinas en la lista que no están en el dataset
[
...new Set(
offices
.filter((d) => !excludedProvinces.includes(d.province))
.map((d) => d.address1)
)
].filter((d) => !oficinasIMV.includes(d))
Insert cell
//oficinas en la lista que no están en el dataset
oficinasLista.filter((d) => !oficinasPensiones.includes(d))
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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
//variables to generate the code
const variables = {
url: "https://graphs.civio.es/posts/cita-previa-seguridad-social/heatmap-cita-mas-cercana/", // URL at Civio's repository `civio-graphs`.
heightDesktop: 405, //not necessary if there is only one height
heightMobile: iframeHeight,
mediaQuery: mediaQueryLimit, //breakpoint

lang: languageSelector,
//province: provinceSelector,

variableHeight: true //if there are two heights -> true, if there is only one -> false
};

return md`~~~html
${codeToExportIframe(
variables.url,
variables.heightDesktop,
variables.heightMobile,
variables.mediaQuery,

variables.lang,
//variables.province,

variables.variableHeight
)}
~~~
`;
}
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