Public
Edited
Mar 7, 2023
Paused
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/.../dist/", // URL at Civio's repository `civio-graphs`.
heightDesktop: "590", //not necessary if there is only one height
heightMobile: "560",
mediaQuery: mediaQueryLimit, //breakpoint
lang: "es",
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.variableHeight
)}
~~~
`;
}
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more