d3 = require("d3@7")
{
window.d3 = d3
}
path = "https://docs.google.com/spreadsheets/d/e/2PACX-1vQlrumOCVwfBfkZYAXMo66cnGRqzPBo4Ni6Svt89CgSeXAVKD_SymIMzHyBmP8KR6yEK5zd5qtBuSFp/pub?output=csv"
imgUrl = "https://lh3.googleusercontent.com/d/"
csvString = fetch(path).then((response) => response.text())
dataJ = d3.csvParse(csvString, d3.autoType)
tabla = Inputs.table(dataJ)
Aventura = (await import(await FileAttachment("aventura-2.js").url())).default
aventura = new Aventura("es", {
adventureSlide: true,
typewriterSpeed: 50,
evalTags: true,
vizImageSize: 70,
urlWord: "CONT",
vizWidth: 1000,
vizHeight: 1000,
contenedorAventura: "contenedor-panel"
})
escenas = ({
"inicio": {
"titulo": "Comparar",
"texto": "Comparación",
"viz": {"filter":[[]], "type": "pack", "x": "conflicto" , "y": "año"},
}
})
escenas1 = ({
"inicio": {
"titulo": "Comparar",
"texto": "Comparación",
"viz": {"filter":[[]], "type": "compare", "x": "9" , "y": "5"},
}
})
await aventura.fijarDatosEscenas(escenas, dataJ);
aventura.iniciarAventura("inicio")
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.
