setScenes = async (data, scenes) => { const msg = d3.select("#panel-container").append("div").text("Loading Atlas..."); // v 0.3.0 // sintaxis = {filter: () => {}, type: pack, scatter, compare, x:, y:} const keys = Object.keys(scenes); const vizFunction = {'pack': vanillaCanvasPack, 'scatter': vanillaCanvasScatter, 'compare': vanillaCanvasCompare} for (let k of keys) { if (scenes[k].viz !== undefined) { const {filter, type, x, y} = scenes[k].viz; let filtered = data; for (let f of filter) { const fn = filterFn(f) filtered = fn(filtered); } const {viz, areas} = await vizFunction[type](filtered, x, y); scenes[k].image = viz; scenes[k].areas = areas; } let newText = ""; if (scenes[k].meta) { newText += getMeta(data[scenes[k].meta]); scenes[k].image = data[scenes[k].meta].url; delete scenes[k].meta; } if (scenes[k].title) { newText += `

${scenes[k].title}

`; delete scenes[k].title; } scenes[k].text = newText + (scenes[k].text || ""); if (scenes[k].info) { scenes[k].text +=`${scenes[k].info[0]}` } } function getMeta(d) { return `

Title: ${d.obras}

Date: ${d.fecha}

Author: ${d.autor}

Source: ${d.fuente}

Description: ${d.descripcion}

Repository

` } function filterFn(f) { if (f[1] === "=" || f[1] === "==" || f[1] === "===") { const condition = /true|True/i.test(""+f[2]) ? true : /false|False/i.test(""+f[2]) ? false : f[2]; return data => data.filter(d => d[f[0]] == condition) } else if (f[1] === "<") { return data => data.filter(d => d[f[0]] < f[2]) } else if (f[1] === ">") { return data => data.filter(d => d[f[0]] > f[2]) } else { return data => data } } for (let d of data) { scenes[`ind_${d.n}`] = { image: d.url, text: getMeta(d), options: [{ btn: "<<<", scene: `ind_${d.n}`, back: true }] } } msg.remove(); return scenes }