27:null 28:["$","title",null,{"children":"Reporte Estadistico de Investigaciones Latinomaricanas en Ingenieria y Arquitectura (ILIA) | Kevin Gutierrez | Observable"}] 2d:T19ba,chartODS = { const width = 960; const columns = 5; const cellWidth = 170; const cellHeight = 180; const gap = 12; const rows = 4; /* Colores oficiales de los Objetivos de Desarrollo Sostenible. */ const odsInfo = { 1: {nombre: "Fin de la pobreza", color: "#E5243B", simbolo: "⌂"}, 2: {nombre: "Hambre cero", color: "#DDA63A", simbolo: "♨"}, 3: {nombre: "Salud y bienestar", color: "#4C9F38", simbolo: "♥"}, 4: {nombre: "Educación de calidad", color: "#C5192D", simbolo: "▣"}, 5: {nombre: "Igualdad de género", color: "#FF3A21", simbolo: "♀"}, 6: {nombre: "Agua limpia y saneamiento", color: "#26BDE2", simbolo: "≈"}, 7: {nombre: "Energía asequible y no contaminante", color: "#FCC30B", simbolo: "☀"}, 8: {nombre: "Trabajo decente y crecimiento económico", color: "#A21942", simbolo: "↗"}, 9: {nombre: "Industria, innovación e infraestructura", color: "#FD6925", simbolo: "⚙"}, 10: {nombre: "Reducción de las desigualdades", color: "#DD1367", simbolo: "⇅"}, 11: {nombre: "Ciudades y comunidades sostenibles", color: "#FD9D24", simbolo: "⌂"}, 12: {nombre: "Producción y consumo responsables", color: "#BF8B2E", simbolo: "↻"}, 13: {nombre: "Acción por el clima", color: "#3F7E44", simbolo: "♁"}, 14: {nombre: "Vida submarina", color: "#0A97D9", simbolo: "≈"}, 15: {nombre: "Vida de ecosistemas terrestres", color: "#56C02B", simbolo: "♣"}, 16: {nombre: "Paz, justicia e instituciones sólidas", color: "#00689D", simbolo: "⚖"}, 17: {nombre: "Alianzas para lograr los objetivos", color: "#19486A", simbolo: "◎"} }; /* Extrae el número del ODS desde sdgData. Funciona tanto si d.key es SDG1, SDG01 o una variante similar. */ function getODSNumber(d) { if (d.numero) return Number(d.numero); const match = String(d.id || d.ods || "").match(/\d+/); return match ? Number(match[0]) : null; } /* Une los datos provenientes de OpenAlex con los 17 ODS. Los ODS no detectados por OpenAlex se muestran con 0 artículos. */ const counts = new Map( sdgData .map(d => [getODSNumber(d), d.articulos || 0]) .filter(([numero]) => numero >= 1 && numero <= 17) ); const heatmapData = d3.range(1, 18).map(numero => ({ numero, ods: odsInfo[numero].nombre, articulos: counts.get(numero) || 0, color: odsInfo[numero].color, simbolo: odsInfo[numero].simbolo })); const maxArticulos = d3.max(heatmapData, d => d.articulos) || 1; /* La opacidad expresa la intensidad de contribución: ODS con más artículos = celda más intensa. */ const intensity = d3.scaleLinear() .domain([0, maxArticulos]) .range([0.14, 1]); const svgHeight = 110 + rows * (cellHeight + gap) + 35; const svg = d3.create("svg") .attr("width", width) .attr("height", svgHeight) .attr("viewBox", [0, 0, width, svgHeight]) .attr( "style", "width: 100%; height: auto; background: #FFFFFF; font-family: sans-serif;" ); svg.append("text") .attr("x", 30) .attr("y", 36) .attr("font-size", 22) .attr("font-weight", 700) .attr("fill", "#1F2937") .text("Artículos por Objetivo de Desarrollo Sostenible"); svg.append("text") .attr("x", 30) .attr("y", 62) .attr("font-size", 13) .attr("fill", "#6B7280") .text("ILIA · Clasificación temática automática de OpenAlex"); const cell = svg.append("g") .attr("transform", "translate(30, 92)") .selectAll("g") .data(heatmapData) .join("g") .attr("transform", (d, i) => { const col = i % columns; const row = Math.floor(i / columns); return `translate(${col * (cellWidth + gap)}, ${row * (cellHeight + gap)})`; }); /* Fondo de celda: el color oficial se vuelve más intenso conforme aumentan los artículos clasificados en ese ODS. */ cell.append("rect") .attr("width", cellWidth) .attr("height", cellHeight) .attr("rx", 10) .attr("fill", d => d.color) .attr("fill-opacity", d => intensity(d.articulos)) .attr("stroke", d => d.color) .attr("stroke-width", d => d.articulos > 0 ? 2 : 1) .attr("stroke-opacity", d => d.articulos > 0 ? 0.9 : 0.25); /* Número identificador grande del ODS. */ cell.append("text") .attr("x", 18) .attr("y", 42) .attr("font-size", 31) .attr("font-weight", 800) .attr("fill", d => d.articulos > 0 ? "#FFFFFF" : d.color) .text(d => String(d.numero).padStart(2, "0")); /* Símbolo decorativo representativo. No pretende sustituir al icono oficial del ODS. */ cell.append("text") .attr("x", cellWidth - 25) .attr("y", 43) .attr("text-anchor", "middle") .attr("font-size", 30) .attr("font-weight", 700) .attr("fill", d => d.articulos > 0 ? "#FFFFFF" : d.color) .text(d => d.simbolo); /* Nombre del ODS, limitado a dos líneas visuales. */ cell.append("text") .attr("x", 15) .attr("y", 77) .attr("font-size", 12) .attr("font-weight", 700) .attr("fill", d => d.articulos > 0 ? "#FFFFFF" : "#374151") .each(function(d) { const words = d.ods.split(" "); const firstLine = words.slice(0, Math.ceil(words.length / 2)).join(" "); const secondLine = words.slice(Math.ceil(words.length / 2)).join(" "); const label = d3.select(this); label.append("tspan") .attr("x", 15) .attr("dy", 0) .text(firstLine); if (secondLine) { label.append("tspan") .attr("x", 15) .attr("dy", "1.2em") .text(secondLine); } }); /* Valor OpenAlex de artículos por objetivo. */ cell.append("text") .attr("x", 15) .attr("y", 151) .attr("font-size", 25) .attr("font-weight", 800) .attr("fill", d => d.articulos > 0 ? "#FFFFFF" : "#6B7280") .text(d => d.articulos); cell.append("text") .attr("x", 15) .attr("y", 170) .attr("font-size", 10) .attr("fill", d => d.articulos > 0 ? "#FFFFFF" : "#6B7280") .attr("fill-opacity", 0.9) .text(d => d.articulos === 1 ? "artículo" : "artículos"); cell.append("title") .text(d => `ODS ${d.numero}: ${d.ods}\n` + `${d.articulos} ${d.articulos === 1 ? "artículo" : "artículos"}` ); svg.append("text") .attr("x", 30) .attr("y", svgHeight - 15) .attr("font-size", 11) .attr("fill", "#6B7280") .text( "Fuente: OpenAlex. Un mismo artículo puede asociarse con más de un ODS." ); return svg.node(); }2e:T436,citacionesInfo = { const countryCounts = new Map(); let autocitas = 0, citasExternas = 0; const responses = await Promise.all( obrasCitadasTop.map(w => { const workId = w.id.replace("https://openalex.org/", ""); return openAlexFetch(`https://api.openalex.org/works?filter=cites:${workId}&per_page=200`); }) ); for (const json of responses) { for (const w of json.results) { const esAutocita = w.primary_location?.source?.id === "https://openalex.org/s4404676674"; esAutocita ? autocitas++ : citasExternas++; const paises = new Set(); for (const a of w.authorships ?? []) for (const inst of a.institutions ?? []) if (inst.country_code) paises.add(inst.country_code); for (const c of paises) countryCounts.set(c, (countryCounts.get(c) ?? 0) + 1); } } return { procedenciaCitas: Array.from(countryCounts, ([pais, citas]) => ({pais, citas})) .sort((a, b) => b.citas - a.citas).slice(0, 15), tasaAutocitacion: +(autocitas / (autocitas + citasExternas) * 100).toFixed(1) }; }2f:T5dc,Plot.plot({ title: "Procedencia de las citas — ILIA", subtitle: "País de la institución citante · Basado en los 50 artículos más citados · Fuente: OpenAlex", width: 850, height: Math.max( 350, citacionesInfo.procedenciaCitas.length * 34 + 120 ), marginTop: 70, marginLeft: 180, marginRight: 95, marginBottom: 45, x: { label: "Citas recibidas", grid: true, nice: true }, y: { label: null, tickFormat: d => { const codigo = String(d).trim().toUpperCase(); /* Convierte, por ejemplo: ES -> 🇪🇸 MX -> 🇲🇽 AR -> 🇦🇷 US -> 🇺🇸 */ const bandera = [...codigo] .map(letra => String.fromCodePoint( 127397 + letra.charCodeAt(0) ) ) .join(""); return `${bandera} ${codigo}`; } }, marks: [ Plot.barX( citacionesInfo.procedenciaCitas, { x: "citas", y: "pais", sort: {y: "-x"}, fill: "#2bffff", insetTop: 3, insetBottom: 3, rx: 3, tip: true, title: d => `País: ${d.pais}\nCitas: ${d.citas}` } ), Plot.text( citacionesInfo.procedenciaCitas, { x: "citas", y: "pais", text: d => d.citas.toLocaleString("es-ES"), dx: 12, textAnchor: "start", fill: "#1F2937", fontWeight: 700, fontSize: 12 } ) ] })30:T7d0,chartLotka = { const datos = productividadAutores .filter(d => d.articulos > 0 && d.autores > 0) .sort((a, b) => a.articulos - b.articulos); const k = datos.find(d => d.articulos === 1)?.autores ?? 1; const lotka = datos.map(d => ({ articulos: d.articulos, autores: k / d.articulos ** 2 })); return Plot.plot({ title: "Ley de Lotka: productividad de autores en ILIA", subtitle: "Distribución observada frente a la referencia teórica 1/n²", width: 900, height: 500, marginTop: 65, marginRight: 35, marginBottom: 60, marginLeft: 85, style: { background: "white", color: "#374151", fontFamily: "Georgia, serif", fontSize: "14px" }, x: { type: "log", label: "Artículos publicados por autor", grid: true, ticks: 6, tickFormat: d3.format(",d") }, y: { type: "log", label: "Número de autores", grid: true, ticks: 6, tickFormat: d3.format(",d") }, marks: [ Plot.line(lotka, { x: "articulos", y: "autores", stroke: "#2bffff", strokeWidth: 2, strokeDasharray: "6,4" }), Plot.line(datos, { x: "articulos", y: "autores", stroke: "#2bffff", strokeWidth: 2, strokeOpacity: 0.8 }), Plot.dot(datos, { x: "articulos", y: "autores", r: 5, fill: "#2bffff", stroke: "white", strokeWidth: 1.5, tip: true, title: d => `${d.articulos} artículo(s): ${d.autores} autor(es)` }), Plot.text( [ {x: 1.15, y: 0.85, texto: "● Observado"}, {x: 1.15, y: 0.68, texto: "— — Lotka: 1/n²"} ], { x: "x", y: "y", text: "texto", frameAnchor: "top-left", textAnchor: "start", fill: "#374151", fontSize: 13 } ) ] }); }31:T21b6,chart = { const d3 = await require("d3@7"); const url = "https://api.openalex.org/sources/s4404676674?select=counts_by_year,display_name,first_publication_year,last_publication_year"; const response = await fetch(url); if (!response.ok) throw new Error(`Error de OpenAlex: ${response.status}`); const source = await response.json(); const raw = source.counts_by_year || []; const firstYear = source.first_publication_year || d3.min(raw, d => d.year); const lastYear = source.last_publication_year || d3.max(raw, d => d.year); const byYear = new Map(raw.map(d => [d.year, d])); const data = d3.range(firstYear, lastYear + 1) .map(year => { const item = byYear.get(year) || {}; return { year, works: item.works_count || 0, citations: item.cited_by_count || 0 }; }) .filter(d => d.year >= 2014); const width = 990; const height = 450; const margin = { top: 100, right: 55, bottom: 55, left: 75 }; const plotWidth = width - margin.left - margin.right; const plotHeight = height - margin.top - margin.bottom; const container = document.createElement("div"); container.style.cssText = ` max-width: ${width}px; margin: auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; `; const tooltip = d3.select(container) .append("div") .style("position", "fixed") .style("visibility", "hidden") .style("z-index", 1000) .style("pointer-events", "none") .style("padding", "10px 14px") .style("border-radius", "8px") .style("background", "rgba(39,245,238,.96)") .style("color", "white") .style("font-size", "12.5px") .style("line-height", 1.5) .style("box-shadow", "0 8px 24px rgba(39,245,238.22)"); function createChart(metric, title, subtitle, color, legend, id) { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height) .style("display", "block") .style("max-width", "100%") .style("height", "auto") .style("margin-bottom", "32px") .style("background", "white") .style("border", "1px solid #f0f0f0") .style("border-radius", "10px") .style("box-shadow", "0 2px 8px rgba(0,0,0,.04)"); const x = d3.scaleLinear() .domain(d3.extent(data, d => d.year)) .range([margin.left, width - margin.right]); const y = d3.scaleLinear() .domain([0, (d3.max(data, d => d[metric]) || 1) * 1.15]) .nice() .range([height - margin.bottom, margin.top]); const line = d3.line() .defined(d => d[metric] > 0) .x(d => x(d.year)) .y(d => y(d[metric])) .curve(d3.curveMonotoneX); const area = d3.area() .defined(d => d[metric] > 0) .x(d => x(d.year)) .y0(height - margin.bottom) .y1(d => y(d[metric])) .curve(d3.curveMonotoneX); const defs = svg.append("defs"); defs.append("clipPath") .attr("id", `clip-${id}`) .append("rect") .attr("x", margin.left) .attr("y", margin.top) .attr("width", plotWidth) .attr("height", plotHeight); const gradient = defs.append("linearGradient") .attr("id", `gradient-${id}`) .attr("x1", "0%") .attr("y1", "0%") .attr("x2", "0%") .attr("y2", "100%"); gradient.append("stop") .attr("offset", "0%") .attr("stop-color", color) .attr("stop-opacity", 0.2); gradient.append("stop") .attr("offset", "100%") .attr("stop-color", color) .attr("stop-opacity", 0.02); // Cuadrícula horizontal. svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3.axisLeft(y) .ticks(7) .tickSize(-plotWidth) .tickFormat("") ) .call(g => g.select(".domain").remove()) .call(g => g.selectAll("line") .attr("stroke", "#e5e7eb") .attr("stroke-dasharray", "3,3")); // Cuadrícula vertical. svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call( d3.axisBottom(x) .ticks(Math.min(data.length, 12)) .tickSize(-plotHeight) .tickFormat("") ) .call(g => g.select(".domain").remove()) .call(g => g.selectAll("line") .attr("stroke", "#e5e7eb") .attr("stroke-dasharray", "3,3")); const plot = svg.append("g") .attr("clip-path", `url(#clip-${id})`); // Área y línea. plot.append("path") .datum(data) .attr("fill", `url(#gradient-${id})`) .attr("d", area); plot.append("path") .datum(data) .attr("fill", "none") .attr("stroke", color) .attr("stroke-width", 2.8) .attr("d", line); const values = data.filter(d => d[metric] > 0); // Puntos. plot.selectAll("circle") .data(values) .join("circle") .attr("cx", d => x(d.year)) .attr("cy", d => y(d[metric])) .attr("r", 4.3) .attr("fill", "white") .attr("stroke", color) .attr("stroke-width", 2.2); // Etiquetas numéricas. plot.selectAll("text.value") .data(values) .join("text") .attr("class", "value") .attr("x", d => x(d.year)) .attr("y", d => y(d[metric]) - 12) .attr("text-anchor", "middle") .attr("font-size", "10.5px") .attr("font-weight", 600) .attr("fill", color) .text(d => d[metric].toLocaleString()); // Ejes. svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call( d3.axisBottom(x) .ticks(Math.min(data.length, 12)) .tickFormat(d3.format("d")) ) .call(g => g.select(".domain").attr("stroke", "#d1d5db")) .call(g => g.selectAll("text") .attr("font-size", "12px") .attr("fill", "#4b5563")); svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(7)) .call(g => g.select(".domain").remove()) .call(g => g.selectAll("text") .attr("font-size", "12px") .attr("fill", color)); // Título y subtítulo. svg.append("text") .attr("x", margin.left) .attr("y", 30) .attr("font-size", "20px") .attr("font-weight", 700) .attr("fill", "#111827") .text(title); svg.append("text") .attr("x", margin.left) .attr("y", 51) .attr("font-size", "13px") .attr("fill", "#6b7280") .text(subtitle); // Leyenda. const legendGroup = svg.append("g") .attr("transform", `translate(${margin.left},74)`); legendGroup.append("line") .attr("x2", 25) .attr("stroke", color) .attr("stroke-width", 2.8); legendGroup.append("circle") .attr("cx", 12.5) .attr("r", 3.8) .attr("fill", "white") .attr("stroke", color) .attr("stroke-width", 2); legendGroup.append("text") .attr("x", 34) .attr("y", 4) .attr("font-size", "12px") .attr("fill", "#374151") .text(legend); // Área interactiva y tooltip. const bisect = d3.bisector(d => d.year).center; svg.append("rect") .attr("x", margin.left) .attr("y", margin.top) .attr("width", plotWidth) .attr("height", plotHeight) .attr("fill", "transparent") .style("cursor", "crosshair") .on("mousemove", event => { const [mouseX] = d3.pointer(event, svg.node()); const datum = data[bisect(data, x.invert(mouseX))]; if (!datum) return; tooltip .style("visibility", "visible") .style("left", `${event.clientX + 14}px`) .style("top", `${event.clientY - 58}px`) .html(` ${datum.year}
● ${legend}: ${datum[metric].toLocaleString()} `); }) .on("mouseleave", () => tooltip.style("visibility", "hidden")); return svg.node(); } container.append( createChart( "works", "Publicaciones indexadas por año", "Investigaciones Latinoamericanas en Ingenieria y Arquitectura", "#27f5ee", "Publicaciones indexadas", "works" ), createChart( "citations", "Citas recibidas por año", "Citas anuales registradas en OpenAlex para Investigaciones Latinoamericanas en Ingenieria y Arquitectura", "#27f5ee", "Citas recibidas", "citations" ) ); return container; }32:T471,authorData = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; const url = new URL("https://api.openalex.org/works"); url.searchParams.set( "filter", "primary_location.source.id:/s4404676674" ); url.searchParams.set( "group_by", "authorships.author.id" ); /* Recupera hasta 200 autores agrupados, ordenados posteriormente por el valor de publicaciones. */ url.searchParams.set("per_page", "200"); url.searchParams.set("include_xpac", "true"); url.searchParams.set("api_key", API_KEY); url.searchParams.set("mailto", MAILTO); const res = await fetch(url); if (!res.ok) { throw new Error( `OpenAlex respondió ${res.status}: ${res.statusText}` ); } const json = await res.json(); return { name: "ILIA", children: (json.group_by || []) .filter(d => d.key && d.key !== "unknown" && d.key_display_name && d.count > 0 ) .map(d => ({ id: d.key, name: d.key_display_name, value: d.count })) .sort((a, b) => b.value - a.value) }; }33:Tb75,chartAuthors = { const width = 1000; const height = width; const margin = 1; const format = d3.format(",d"); /* Fondo neutro con una leve tonalidad azul */ const backgroundColor = "#FFFFFF"; /* Nodo raíz o contenedor: gris azulado suave para no competir con los nodos institucionales. */ const parentColor = "#E8EEF5"; const parentStroke = "#9AAFC4"; /* Paleta para autores. Se mantiene independiente de institutionPalette, para no alterar la visualización institucional. */ const authorPalette = [ "#D4F4F8", "#A8F5FF", "#90E0EF", "#6BEFF9", "#56B4E9", "#39D9E6", "#27F5EE", "#00BED6", "#00A6D6", "#00B4D8", "#26C6DA", "#2E78D2", "#1E9BCB", "#0077B6", "#005F73", "#003B5C" ]; const authorColor = d3.scaleOrdinal() .domain(authorData.children.map(d => d.id)) .range(authorPalette); function authorTextColor(authorId) { const color = d3.color(authorColor(authorId)); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#4A3428" : "#FFFDF7"; } const pack = d3.pack() .size([width - margin * 2, height - margin * 2]) .padding(3); const root = pack( d3.hierarchy(authorData) .sum(d => d.value) .sort((a, b) => b.value - a.value) ); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", `width: 100%; height: auto; font: 10px sans-serif; background:${backgroundColor};` ) .attr("text-anchor", "middle"); const node = svg.append("g") .selectAll() .data(root.descendants()) .join("g") .attr("transform", d => `translate(${d.x},${d.y})`); node.append("title") .text(d => `${d.ancestors() .map(d => d.data.name) .reverse() .join(" / ")}\n${format(d.value)} publicaciones` ); node.append("circle") .attr("fill", d => d.children ? parentColor : authorColor(d.data.id) ) .attr("stroke", d => d.children ? parentStroke : "#6B7C8C" ) .attr("stroke-width", d => d.children ? 1.5 : 1) .attr("r", d => d.r); const text = node .filter(d => !d.children && d.r > 10) .append("text") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => authorTextColor(d.data.id)) .attr("font-weight", "600"); text.selectAll() .data(d => d.data.name.split(/\s+/g)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 0.15}em`) .text(d => d); text.append("tspan") .attr("x", 0) .attr( "y", d => `${d.data.name.split(/\s+/g).length / 2 + 0.5}em` ) .attr("fill", d => authorTextColor(d.data.id)) .attr("fill-opacity", 0.82) .attr("font-size", "9px") .text(d => `${format(d.value)} pub.`); return svg.node(); }34:T4b6,countryData = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; const url = new URL("https://api.openalex.org/works"); url.searchParams.set( "filter", "primary_location.source.id:/s4404676674" ); url.searchParams.set( "group_by", "authorships.countries" ); /* Hasta 200 países agrupados. Nota: OpenAlex admite actualmente 200 como comportamiento heredado. */ url.searchParams.set("per_page", "200"); url.searchParams.set("include_xpac", "true"); /* Autenticación e identificación de la solicitud. */ url.searchParams.set("api_key", API_KEY); url.searchParams.set("mailto", MAILTO); const res = await fetch(url); if (!res.ok) { throw new Error( `OpenAlex respondió ${res.status}: ${res.statusText}` ); } const json = await res.json(); return { name: "REDC", children: (json.group_by || []) .filter(d => d.key && d.key !== "unknown" && d.key_display_name && d.count > 0 ) .map(d => ({ id: d.key, name: d.key_display_name, value: d.count })) .sort((a, b) => b.value - a.value) }; }35:Ta86,chartCountries = { const width = 1000; const height = width; const margin = 1; const format = d3.format(",d"); const backgroundColor = "#FFFFFF"; /* Nodo raíz o contenedor: gris azulado suave para no competir con los nodos institucionales. */ const parentColor = "#E8EEF5"; const parentStroke = "#9AAFC4"; /* Paleta para autores. Se mantiene independiente de institutionPalette, para no alterar la visualización institucional. */ const countryPalette = [ "#D4F4F8", "#A8F5FF", "#90E0EF", "#6BEFF9", "#56B4E9", "#39D9E6", "#27F5EE", "#00BED6", "#00A6D6", "#00B4D8", "#26C6DA", "#2E78D2", "#1E9BCB", "#0077B6", "#005F73", "#003B5C" ]; const countryColor = d3.scaleOrdinal() .domain(countryData.children.map(d => d.id)) .range(countryPalette); function countryTextColor(countryId) { const color = d3.color(countryColor(countryId)); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#4A3428" : "#FFFDF7"; } const pack = d3.pack() .size([width - margin * 2, height - margin * 2]) .padding(3); const root = pack( d3.hierarchy(countryData) .sum(d => d.value) .sort((a, b) => b.value - a.value) ); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", `width: 100%; height: auto; font: 10px sans-serif; background:${backgroundColor};` ) .attr("text-anchor", "middle"); const node = svg.append("g") .selectAll() .data(root.descendants()) .join("g") .attr("transform", d => `translate(${d.x},${d.y})`); node.append("title") .text(d => `${d.ancestors() .map(d => d.data.name) .reverse() .join(" / ")}\n${format(d.value)} publicaciones` ); node.append("circle") .attr("fill", d => d.children ? parentColor : countryColor(d.data.id) ) .attr("stroke", d => d.children ? parentStroke : "#6B7C8C" ) .attr("stroke-width", d => d.children ? 1.5 : 1) .attr("r", d => d.r); const text = node .filter(d => !d.children && d.r > 14) .append("text") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => countryTextColor(d.data.id)) .attr("font-weight", "600"); text.append("tspan") .attr("x", 0) .attr("y", "-0.1em") .text(d => d.data.name); text.append("tspan") .attr("x", 0) .attr("y", "1.1em") .attr("fill-opacity", 0.82) .attr("font-size", "9px") .text(d => `${format(d.value)} pub.`); return svg.node(); }36:Tce3,chartInstitutions = { const width = 1000; const height = width; const margin = 1; const format = d3.format(",d"); if (!data || !data.children || data.children.length === 0) { return html`

No hay instituciones disponibles para visualizar.

`; } const backgroundColor = "#FFFFFF"; const parentColor = "#E8EEF5"; const parentStroke = "#9AAFC4"; const institutionPalette = [ "#D4F4F8", "#A8F5FF", "#90E0EF", "#6BEFF9", "#56B4E9", "#39D9E6", "#27F5EE", "#00BED6", "#00A6D6", "#00B4D8", "#26C6DA", "#2E78D2", "#1E9BCB", "#0077B6", "#005F73", "#003B5C" ]; const institutionColor = d3.scaleOrdinal() .domain(data.children.map(d => d.name)) .range(institutionPalette); function textColor(institutionName) { const color = d3.color(institutionColor(institutionName)); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#3F3F3F" : "#FFFFFF"; } function nameLines(name) { return name.split(/\s+/).filter(Boolean); } const pack = d3.pack() .size([width - margin * 2, height - margin * 2]) .padding(3); const root = pack( d3.hierarchy(data) .sum(d => d.value || 0) .sort((a, b) => b.value - a.value) ); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", `width: 100%; height: auto; font: 10px sans-serif; background: ${backgroundColor};` ) .attr("text-anchor", "middle"); const node = svg.append("g") .selectAll("g") .data(root.descendants()) .join("g") .attr("transform", d => `translate(${d.x},${d.y})`); node.append("title") .text(d => `${d.ancestors() .map(d => d.data.name) .reverse() .join(" / ")}\n${format(d.value)} publicaciones` ); node.append("circle") .attr("fill", d => d.children ? parentColor : institutionColor(d.data.name) ) .attr("stroke", d => d.children ? parentStroke : "#6B7C8C" ) .attr("stroke-width", d => d.children ? 1.5 : 1) .attr("r", d => d.r); const text = node .filter(d => !d.children && d.r > 14) .append("text") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => textColor(d.data.name)) .attr("font-weight", "600") .attr("pointer-events", "none"); text.each(function(d) { const lines = nameLines(d.data.name); const visibleLines = lines.slice(0, 3); const label = d3.select(this); visibleLines.forEach((line, index) => { label.append("tspan") .attr("x", 0) .attr( "y", `${index - (visibleLines.length - 1) / 2 - 0.45}em` ) .text(line); }); label.append("tspan") .attr("x", 0) .attr( "y", `${(visibleLines.length - 1) / 2 + 1.15}em` ) .attr("fill-opacity", 0.82) .attr("font-size", "9px") .attr("font-weight", "400") .text(`${format(d.value)} pub.`); }); return svg.node(); }37:T9104,chartSNA = { const CONFIG = { width: 1200, height: 900, journalId: "S4404676674", journalName: "Investigaciones Latinoamericanas en Ingeniería y Arquitectura", journalIssn: "3078-2740 / 3078-2759", apiBase: "https://api.openalex.org/works", perPage: 200, colors: { journal: "#8B1E3F", work: "#1f4e79", author: "#1626D9", concept: "#16D9D6", citation: "#c55a11", authorship: "#595959", highlight: "#e74c3c" }, fonts: { title: "Georgia, 'Times New Roman', serif", body: "'Helvetica Neue', Arial, sans-serif", ui: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif" } }; const state = { searchQuery: "", filterTypes: new Set([ "journal", "work", "author", "concept" ]), yearRange: { min: 0, max: 9999 }, citationRange: { min: 0, max: 9999 }, selectedCountries: new Set(), data: null, totalWorksLoaded: 0, activeTooltip: null, availableCountries: [] }; function hashString(value) { const text = String(value || ""); let hash = 0; for (let i = 0; i < text.length; i++) { hash = ((hash << 5) - hash) + text.charCodeAt(i); hash |= 0; } return Math.abs(hash).toString(36); } function truncateText(text, maxLength) { if (!text) { return "N/A"; } const value = String(text); return value.length > maxLength ? value.substring(0, maxLength - 3) + "..." : value; } function getWorkId(work) { if (work && work.id) { return work.id.split("/").pop(); } return `w${hashString(work?.title || "unknown-work")}`; } function getAuthorId(author) { if (author?.orcid) { return `a${author.orcid .split("/") .pop() .replace(/-/g, "")}`; } return `a${hashString(author?.display_name || "unknown-author")}`; } function getConceptId(concept) { if (concept?.id) { return `c${concept.id.split("/").pop()}`; } return `c${hashString(concept?.display_name || "unknown-concept")}`; } async function fetchOpenAlexData() { const allWorks = []; let cursor = "*"; let pageCount = 0; let hasMore = true; const maxPages = 5; while (hasMore && pageCount < maxPages) { const url = new URL(CONFIG.apiBase); url.searchParams.set( "filter", `primary_location.source.id:${CONFIG.journalId}` ); url.searchParams.set( "per-page", String(CONFIG.perPage) ); url.searchParams.set("cursor", cursor); try { const response = await fetch(url); if (!response.ok) { throw new Error(`HTTP ${response.status}`); } const json = await response.json(); const works = Array.isArray(json.results) ? json.results : []; if (works.length === 0) { hasMore = false; break; } allWorks.push(...works); const nextCursor = json.meta?.next_cursor; if ( !nextCursor || works.length < CONFIG.perPage ) { hasMore = false; } else { cursor = nextCursor; pageCount += 1; } } catch (error) { console.warn( "No fue posible consultar OpenAlex:", error.message ); hasMore = false; } } state.totalWorksLoaded = allWorks.length; if (allWorks.length === 0) { return getValidatedBackupData(); } return processOpenAlexData(allWorks); } function processOpenAlexData(works) { if (!Array.isArray(works) || works.length === 0) { return getValidatedBackupData(); } const nodes = []; const links = []; const nodeMap = new Map(); const countries = new Set(); const journalId = "journal-ilia"; const journalNode = { id: journalId, type: "journal", group: 0, name: "ILIA", fullName: CONFIG.journalName, issn: CONFIG.journalIssn, searchText: ( `ilia ${CONFIG.journalName} ${CONFIG.journalIssn}` ).toLowerCase() }; nodes.push(journalNode); nodeMap.set(journalId, journalNode); works.forEach(work => { const workId = getWorkId(work); if (nodeMap.has(workId)) { return; } const openAlexUrl = work.id || `https://openalex.org/works/${workId}`; const workNode = { id: workId, type: "work", group: 1, title: truncateText( work.title || "Sin título", 45 ), fullTitle: work.title || "Sin título", year: work.publication_year || 0, cited_by_count: work.cited_by_count || 0, doi: work.doi || null, open_access: Boolean( work.open_access?.is_oa ), oa_url: work.open_access?.oa_url || null, url: work.doi || openAlexUrl, openAlexUrl, searchText: ( work.title || "" ).toLowerCase() }; nodes.push(workNode); nodeMap.set(workId, workNode); links.push({ source: journalId, target: workId, type: "journal" }); (work.authorships || []).forEach(authorship => { const author = authorship.author; if (!author?.display_name) { return; } const authorId = getAuthorId(author); const country = authorship.institutions?.[0]?.country_code || "N/A"; countries.add(country); if (!nodeMap.has(authorId)) { const authorNode = { id: authorId, type: "author", group: 2, name: author.display_name, orcid: author.orcid || null, institutions: authorship.institutions ?.map(institution => institution.display_name) .filter(Boolean) .join("; ") || "No especificado", country, works_count: 1, searchText: author.display_name.toLowerCase() }; nodes.push(authorNode); nodeMap.set(authorId, authorNode); } else { nodeMap.get(authorId).works_count += 1; } links.push({ source: workId, target: authorId, type: "authorship" }); }); (work.concepts || []).forEach(concept => { if (!concept?.display_name) { return; } const conceptId = getConceptId(concept); if (!nodeMap.has(conceptId)) { const conceptNode = { id: conceptId, type: "concept", group: 3, name: concept.display_name, level: concept.level || 0, score: concept.score || 0, count: 1, searchText: concept.display_name.toLowerCase() }; nodes.push(conceptNode); nodeMap.set(conceptId, conceptNode); } else { nodeMap.get(conceptId).count += 1; } links.push({ source: workId, target: conceptId, type: "concept", score: concept.score || 0 }); }); }); const workIds = new Set( nodes .filter(node => node.type === "work") .map(node => node.id) ); works.forEach(work => { const targetId = getWorkId(work); (work.referenced_works || []).forEach(reference => { const sourceId = reference?.split("/").pop(); if ( sourceId && workIds.has(sourceId) && workIds.has(targetId) && sourceId !== targetId ) { const exists = links.some(link => link.source === sourceId && link.target === targetId && link.type === "citation" ); if (!exists) { links.push({ source: sourceId, target: targetId, type: "citation" }); } } }); }); state.availableCountries = Array.from(countries).sort(); return { nodes, links }; } function getValidatedBackupData() { const works = [ { id: "w1", title: "Diseño sostenible de edificios en climas tropicales", year: 2024, citations: 5, authors: ["García, M.", "López, A."], country: "MEX" }, { id: "w2", title: "Optimización energética en sistemas HVAC", year: 2024, citations: 3, authors: ["Rodríguez, C."], country: "COL" }, { id: "w3", title: "Materiales ecoeficientes para construcción de viviendas", year: 2025, citations: 2, authors: ["Martínez, J.", "Hernández, P."], country: "ARG" }, { id: "w4", title: "Análisis sísmico de estructuras de acero en Latinoamérica", year: 2024, citations: 4, authors: ["Sánchez, R."], country: "CHL" }, { id: "w5", title: "Inteligencia artificial en gestión de proyectos de construcción", year: 2025, citations: 6, authors: ["Pérez, D.", "Gómez, L."], country: "BRA" }, { id: "w6", title: "Gestión de residuos en obras de infraestructura", year: 2024, citations: 2, authors: ["Torres, K."], country: "PER" }, { id: "w7", title: "Diseño urbano y movilidad sostenible", year: 2025, citations: 3, authors: ["Vásquez, N.", "Castro, M."], country: "ECU" }, { id: "w8", title: "Eficiencia hídrica en edificaciones verdes", year: 2024, citations: 1, authors: ["Ramírez, S."], country: "VEN" }, { id: "w9", title: "Microgrids para comunidades rurales", year: 2025, citations: 4, authors: ["Flores, T."], country: "MEX" }, { id: "w10", title: "Evaluación de ciclo de vida en materiales de construcción", year: 2024, citations: 3, authors: ["Mendoza, A.", "Silva, B."], country: "COL" }, { id: "w11", title: "BIM y digitalización en la industria de la construcción", year: 2025, citations: 5, authors: ["Ortega, F."], country: "ARG" }, { id: "w12", title: "Estructuras de madera laminada cruzada CLT", year: 2024, citations: 2, authors: ["Navarro, H.", "Jiménez, I."], country: "CHL" }, { id: "w13", title: "Energía solar fotovoltaica en edificios residenciales", year: 2025, citations: 3, authors: ["Reyes, D."], country: "BRA" }, { id: "w14", title: "Patología y rehabilitación de estructuras de hormigón", year: 2024, citations: 1, authors: ["Cruz, E."], country: "PER" }, { id: "w15", title: "Diseño inclusivo en espacios públicos", year: 2025, citations: 2, authors: ["Morales, G.", "Rojas, J."], country: "ECU" }, { id: "w16", title: "Sistemas constructivos prefabricados", year: 2024, citations: 3, authors: ["Delgado, L."], country: "VEN" }, { id: "w17", title: "IoT para monitoreo de infraestructura civil", year: 2025, citations: 4, authors: ["Aguilar, O.", "Peña, Q."], country: "MEX" }, { id: "w18", title: "Arquitectura bioclimática en zonas áridas", year: 2024, citations: 2, authors: ["Campos, R."], country: "COL" }, { id: "w19", title: "Análisis de riesgo en proyectos de ingeniería", year: 2025, citations: 1, authors: ["Vega, U."], country: "ARG" }, { id: "w20", title: "Estructuras resilientes ante cambio climático", year: 2024, citations: 3, authors: ["Soto, W.", "Núñez, X."], country: "CHL" } ]; const nodes = []; const links = []; const authorMap = new Map(); const countries = new Set(); nodes.push({ id: "journal-ilia", type: "journal", group: 0, name: "ILIA", fullName: CONFIG.journalName, issn: CONFIG.journalIssn, searchText: ( `ilia ${CONFIG.journalName}` ).toLowerCase() }); works.forEach(work => { countries.add(work.country); nodes.push({ id: work.id, type: "work", group: 1, title: truncateText(work.title, 42), fullTitle: work.title, year: work.year, cited_by_count: work.citations, doi: null, open_access: false, url: `https://openalex.org/works/${work.id}`, openAlexUrl: `https://openalex.org/works/${work.id}`, searchText: work.title.toLowerCase() }); links.push({ source: "journal-ilia", target: work.id, type: "journal" }); work.authors.forEach(authorName => { const authorId = `a${hashString(authorName)}`; if (!authorMap.has(authorId)) { authorMap.set(authorId, { id: authorId, type: "author", group: 2, name: authorName, orcid: null, institutions: "Universidad Latinoamericana", country: work.country, works_count: 1, searchText: authorName.toLowerCase() }); } else { authorMap.get(authorId).works_count += 1; } links.push({ source: work.id, target: authorId, type: "authorship" }); }); }); nodes.push(...authorMap.values()); const concepts = [ { id: "c1", name: "Sustainable Building Design", count: 6 }, { id: "c2", name: "Energy Efficiency", count: 5 }, { id: "c3", name: "Structural Engineering", count: 4 }, { id: "c4", name: "Artificial Intelligence", count: 3 }, { id: "c5", name: "Construction Management", count: 5 }, { id: "c6", name: "Urban Planning", count: 4 }, { id: "c7", name: "Renewable Energy", count: 3 }, { id: "c8", name: "Green Architecture", count: 4 }, { id: "c9", name: "BIM Technology", count: 3 }, { id: "c10", name: "Climate Resilience", count: 3 } ]; concepts.forEach(concept => { nodes.push({ id: concept.id, type: "concept", group: 3, name: concept.name, count: concept.count, level: 1, score: 0.8, searchText: concept.name.toLowerCase() }); }); const conceptLinks = [ ["w1", "c1"], ["w1", "c8"], ["w2", "c2"], ["w3", "c1"], ["w4", "c3"], ["w5", "c4"], ["w5", "c5"], ["w6", "c5"], ["w7", "c6"], ["w8", "c2"], ["w8", "c8"], ["w9", "c7"], ["w10", "c1"], ["w11", "c9"], ["w12", "c3"], ["w13", "c7"], ["w14", "c3"], ["w15", "c6"], ["w16", "c5"], ["w17", "c4"], ["w18", "c8"], ["w19", "c5"], ["w20", "c10"] ]; conceptLinks.forEach(([source, target]) => { links.push({ source, target, type: "concept", score: 0.8 }); }); const citations = [ ["w2", "w1"], ["w3", "w1"], ["w5", "w4"], ["w6", "w5"], ["w7", "w6"], ["w8", "w7"], ["w9", "w8"], ["w10", "w9"], ["w11", "w10"], ["w12", "w11"], ["w13", "w12"], ["w14", "w13"], ["w15", "w14"], ["w16", "w15"], ["w17", "w16"], ["w18", "w17"], ["w19", "w18"], ["w20", "w19"] ]; citations.forEach(([source, target]) => { links.push({ source, target, type: "citation" }); }); state.availableCountries = Array.from(countries).sort(); state.totalWorksLoaded = works.length; return { nodes, links }; } const container = d3.create("div") .style("width", "100%") .style("max-width", `${CONFIG.width}px`) .style("margin", "0 auto") .style("font-family", CONFIG.fonts.ui) .style("position", "relative"); const controls = container.append("div") .style("padding", "14px") .style("background", "#f5f5f5") .style("border", "1px solid #ddd") .style("border-radius", "6px 6px 0 0"); const searchInput = controls.append("input") .attr("type", "search") .attr( "placeholder", "Buscar artículos, autores o conceptos..." ) .style("width", "100%") .style("padding", "9px") .style("box-sizing", "border-box") .style("border", "1px solid #bbb") .style("border-radius", "4px") .on("input", function() { state.searchQuery = this.value.toLowerCase().trim(); updateVisualization(); }); const buttonRow = controls.append("div") .style("display", "flex") .style("flex-wrap", "wrap") .style("gap", "6px") .style("margin-top", "10px"); const typeLabels = { journal: "Revista", work: "Artículos", author: "Autores", concept: "Conceptos" }; Object.keys(typeLabels).forEach(type => { const button = buttonRow.append("button") .attr("type", "button") .text(typeLabels[type]) .style("padding", "6px 10px") .style("border", `2px solid ${CONFIG.colors[type]}`) .style("border-radius", "4px") .style("cursor", "pointer") .style("background", CONFIG.colors[type]) .style("color", "#fff") .on("click", function() { if (state.filterTypes.has(type)) { if (state.filterTypes.size > 1) { state.filterTypes.delete(type); d3.select(this) .style("background", "#fff") .style("color", CONFIG.colors[type]); } } else { state.filterTypes.add(type); d3.select(this) .style("background", CONFIG.colors[type]) .style("color", "#fff"); } updateVisualization(); }); }); const resetButton = buttonRow.append("button") .attr("type", "button") .text("Restablecer") .style("padding", "6px 10px") .style("border", "none") .style("border-radius", "4px") .style("cursor", "pointer") .style("background", "#e74c3c") .style("color", "#fff") .on("click", resetFilters); const filterRow = controls.append("div") .style("display", "flex") .style("flex-wrap", "wrap") .style("gap", "10px") .style("align-items", "center") .style("margin-top", "10px"); const yearSelect = filterRow.append("select") .style("padding", "6px") .on("change", function() { if (this.value === "all") { state.yearRange = { min: 0, max: 9999 }; } else { const year = Number(this.value); state.yearRange = { min: year, max: year }; } updateVisualization(); }); yearSelect.append("option") .attr("value", "all") .text("Todos los años"); const citationInput = filterRow.append("input") .attr("type", "number") .attr("min", 0) .attr("placeholder", "Citas mínimas") .style("width", "115px") .style("padding", "6px") .on("input", function() { state.citationRange.min = Number(this.value) || 0; updateVisualization(); }); const countrySelect = filterRow.append("select") .style("padding", "6px") .on("change", function() { state.selectedCountries.clear(); if (this.value !== "all") { state.selectedCountries.add(this.value); } updateVisualization(); }); countrySelect.append("option") .attr("value", "all") .text("Todos los países"); const resultsCounter = filterRow.append("span") .style("font-size", "12px") .style("font-weight", "bold") .style("margin-left", "auto") .text("Cargando..."); const svg = container.append("svg") .attr("width", "100%") .attr("height", CONFIG.height) .attr( "viewBox", `0 0 ${CONFIG.width} ${CONFIG.height}` ) .style("border", "1px solid #ddd") .style("background", "#fff"); const root = svg.append("g"); const zoom = d3.zoom() .scaleExtent([0.25, 4]) .on("zoom", event => { root.attr("transform", event.transform); }); svg.call(zoom); const title = root.append("g") .attr( "transform", `translate(${CONFIG.width / 2}, 28)` ); title.append("text") .attr("text-anchor", "middle") .attr("font-family", CONFIG.fonts.title) .attr("font-size", 18) .attr("font-weight", "bold") .text( "Red de conocimiento: ILIA" ); title.append("text") .attr("y", 20) .attr("text-anchor", "middle") .attr("font-size", 11) .attr("fill", "#666") .text(CONFIG.journalName); const linkLayer = root.append("g") .attr("class", "links"); const nodeLayer = root.append("g") .attr("class", "nodes"); const infoPanel = container.append("div") .style("display", "none") .style("position", "absolute") .style("right", "20px") .style("top", "85px") .style("width", "280px") .style("max-height", "430px") .style("overflow-y", "auto") .style("padding", "15px") .style("background", "rgba(255,255,255,.97)") .style("border", "1px solid #ccc") .style("border-radius", "7px") .style("box-shadow", "0 4px 15px rgba(0,0,0,.2)") .style("z-index", "10"); const tooltip = d3.select("body") .append("div") .style("position", "fixed") .style("visibility", "hidden") .style("padding", "7px 10px") .style("background", "#222") .style("color", "#fff") .style("border-radius", "4px") .style("font-size", "11px") .style("pointer-events", "none") .style("z-index", "1000"); state.data = await fetchOpenAlexData(); const years = Array.from( new Set( state.data.nodes .filter(node => node.type === "work" && node.year > 0 ) .map(node => node.year) ) ).sort((a, b) => b - a); years.forEach(year => { yearSelect.append("option") .attr("value", year) .text(year); }); state.availableCountries.forEach(country => { countrySelect.append("option") .attr("value", country) .text(country); }); const colorScale = d3.scaleOrdinal() .domain([ "journal", "work", "author", "concept" ]) .range([ CONFIG.colors.journal, CONFIG.colors.work, CONFIG.colors.author, CONFIG.colors.concept ]); function radiusScale(node) { if (node.type === "journal") { return 24; } if (node.type === "work") { return 10 + Math.sqrt( node.cited_by_count || 0 ) * 2.5; } if (node.type === "author") { return 7 + Math.min( (node.works_count || 0) * 1.5, 14 ); } return 7 + Math.min( (node.count || 0) * 1.5, 12 ); } const simulation = d3.forceSimulation() .force( "link", d3.forceLink() .id(node => node.id) .distance(link => { if (link.type === "journal") { return 170; } if (link.type === "authorship") { return 55; } if (link.type === "concept") { return 75; } return 110; }) .strength(0.5) ) .force( "charge", d3.forceManyBody() .strength(node => { if (node.type === "journal") { return -1000; } if (node.type === "work") { return -450; } if (node.type === "author") { return -250; } return -150; }) ) .force( "center", d3.forceCenter( CONFIG.width / 2, CONFIG.height / 2 + 35 ) ) .force( "collision", d3.forceCollide() .radius(node => radiusScale(node) + 10) ) .force( "y", d3.forceY(node => { if (node.type === "journal") { return CONFIG.height / 2; } if (node.type === "work") { return CONFIG.height * 0.45; } if (node.type === "author") { return CONFIG.height * 0.67; } return CONFIG.height * 0.25; }) .strength(0.12) ); let visibleLinks = linkLayer .selectAll("line"); let visibleNodes = nodeLayer .selectAll("g"); function getNodeId(value) { return typeof value === "object" ? value.id : value; } function showInfoPanel(node) { let html = ""; if (node.type === "journal") { html = `

${node.name}

Nombre:
${node.fullName}

ISSN:
${node.issn}

Esta es la revista central de la red.

`; } if (node.type === "work") { const authors = state.data.links .filter(link => getNodeId(link.source) === node.id && link.type === "authorship" ) .map(link => { const author = state.data.nodes.find( item => item.id === getNodeId(link.target) ); return author?.name; }) .filter(Boolean) .join("; "); html = `

Artículo

${node.fullTitle}

Año: ${node.year}

Citas: ${node.cited_by_count}

Autores:
${authors || "No disponible"}

Abrir registro del artículo

`; } if (node.type === "author") { const authorWorks = state.data.links .filter(link => getNodeId(link.target) === node.id && link.type === "authorship" ); html = `

Autor

${node.name}

País: ${node.country}

Institución:
${node.institutions}

Artículos: ${authorWorks.length}

`; } if (node.type === "concept") { const conceptWorks = state.data.links .filter(link => getNodeId(link.target) === node.id && link.type === "concept" ); html = `

Concepto

${node.name}

Artículos relacionados: ${conceptWorks.length}

`; } infoPanel .html(`

${html} `) .style("display", "block"); infoPanel.select("#close-info") .on("click", () => { infoPanel.style("display", "none"); state.activeTooltip = null; visibleNodes.style("opacity", 1); visibleLinks.style("stroke-opacity", 0.6); }); } function updateVisualization() { const filteredNodes = state.data.nodes.filter(node => { if (!state.filterTypes.has(node.type)) { return false; } if ( state.searchQuery && !node.searchText.includes(state.searchQuery) ) { return false; } if ( node.type === "work" && ( node.year < state.yearRange.min || node.year > state.yearRange.max ) ) { return false; } if ( node.type === "work" && node.cited_by_count < state.citationRange.min ) { return false; } if ( node.type === "author" && state.selectedCountries.size > 0 && !state.selectedCountries.has(node.country) ) { return false; } return true; }); const filteredIds = new Set( filteredNodes.map(node => node.id) ); const filteredLinks = state.data.links.filter(link => filteredIds.has(getNodeId(link.source)) && filteredIds.has(getNodeId(link.target)) ); const workCount = filteredNodes.filter( node => node.type === "work" ).length; const authorCount = filteredNodes.filter( node => node.type === "author" ).length; const conceptCount = filteredNodes.filter( node => node.type === "concept" ).length; resultsCounter.html( `${workCount} artículos | ` + `${authorCount} autores | ` + `${conceptCount} conceptos | ` + `${filteredLinks.length} conexiones` ); visibleLinks = visibleLinks .data( filteredLinks, link => `${getNodeId(link.source)}-${getNodeId(link.target)}-${link.type}` ); visibleLinks.exit().remove(); const linkEnter = visibleLinks.enter() .append("line") .attr("stroke", link => { if (link.type === "journal") { return CONFIG.colors.journal; } if (link.type === "citation") { return CONFIG.colors.citation; } if (link.type === "authorship") { return CONFIG.colors.authorship; } return CONFIG.colors.concept; }) .attr("stroke-width", link => link.type === "journal" ? 3 : 1.8 ) .attr("stroke-opacity", 0.6) .attr("stroke-dasharray", link => link.type === "citation" ? "5,5" : null ); visibleLinks = linkEnter.merge(visibleLinks); visibleNodes = visibleNodes .data(filteredNodes, node => node.id); visibleNodes.exit().remove(); const nodeEnter = visibleNodes.enter() .append("g") .style("cursor", "pointer") .call( d3.drag() .on("start", (event, node) => { if (!event.active) { simulation.alphaTarget(0.3).restart(); } node.fx = node.x; node.fy = node.y; }) .on("drag", (event, node) => { node.fx = event.x; node.fy = event.y; }) .on("end", (event, node) => { if (!event.active) { simulation.alphaTarget(0); } node.fx = null; node.fy = null; }) ); nodeEnter.append("circle") .attr("class", "main-circle") .attr("r", radiusScale) .attr("fill", node => colorScale(node.type)) .attr("stroke", "#fff") .attr( "stroke-width", node => node.type === "journal" ? 4 : 2 ); nodeEnter.append("circle") .attr("class", "highlight-ring") .attr("r", node => radiusScale(node) + 6) .attr("fill", "none") .attr("stroke", CONFIG.colors.highlight) .attr("stroke-width", 2) .attr("opacity", 0); nodeEnter.append("text") .attr("x", node => radiusScale(node) + 8) .attr("y", 4) .attr("font-size", node => node.type === "journal" ? 13 : 10 ) .attr("font-weight", node => node.type === "journal" || node.type === "work" ? "bold" : "normal" ) .attr("fill", "#263238") .style("pointer-events", "none") .text(node => { if (node.type === "journal") { return "ILIA"; } return truncateText( node.name || node.title, node.type === "work" ? 34 : 28 ); }); nodeEnter.filter(node => node.type === "work" && node.cited_by_count > 0 ) .append("text") .attr("class", "citation-count") .attr("text-anchor", "middle") .attr("dy", ".35em") .attr("font-size", 9) .attr("font-weight", "bold") .attr("fill", "#fff") .style("pointer-events", "none") .text(node => node.cited_by_count); visibleNodes = nodeEnter.merge(visibleNodes); visibleNodes .on("mouseenter", function(event, node) { const label = node.type === "journal" ? "ILIA" : node.name || node.title; tooltip .html(`${truncateText(label, 55)}
Haz clic para ver detalles`) .style("visibility", "visible"); const connected = new Set([node.id]); visibleLinks.style("stroke-opacity", link => { const sourceId = getNodeId(link.source); const targetId = getNodeId(link.target); if ( sourceId === node.id || targetId === node.id ) { connected.add(sourceId); connected.add(targetId); return 0.95; } return 0.15; }); visibleNodes.style("opacity", item => connected.has(item.id) ? 1 : 0.25 ); d3.select(this) .select(".main-circle") .attr("r", radiusScale(node) * 1.18); }) .on("mousemove", event => { tooltip .style("left", `${event.clientX + 14}px`) .style("top", `${event.clientY + 14}px`); }) .on("mouseleave", function(event, node) { tooltip.style("visibility", "hidden"); if (state.activeTooltip !== node.id) { visibleLinks.style("stroke-opacity", 0.6); visibleNodes.style("opacity", 1); d3.select(this) .select(".main-circle") .attr("r", radiusScale(node)); } }) .on("click", function(event, node) { event.stopPropagation(); state.activeTooltip = node.id; showInfoPanel(node); }); simulation.nodes(filteredNodes); simulation.force("link").links(filteredLinks); simulation.alpha(0.8).restart(); } function resetFilters() { state.searchQuery = ""; state.filterTypes = new Set([ "journal", "work", "author", "concept" ]); state.yearRange = { min: 0, max: 9999 }; state.citationRange = { min: 0, max: 9999 }; state.selectedCountries.clear(); state.activeTooltip = null; searchInput.property("value", ""); yearSelect.property("value", "all"); citationInput.property("value", ""); countrySelect.property("value", "all"); buttonRow.selectAll("button") .filter(function() { return d3.select(this).text() !== "Restablecer"; }) .each(function() { const label = d3.select(this).text(); const type = label === "Revista" ? "journal" : label === "Artículos" ? "work" : label === "Autores" ? "author" : "concept"; d3.select(this) .style("background", CONFIG.colors[type]) .style("color", "#fff"); }); infoPanel.style("display", "none"); updateVisualization(); } svg.on("click", () => { infoPanel.style("display", "none"); state.activeTooltip = null; visibleNodes.style("opacity", 1); visibleLinks.style("stroke-opacity", 0.6); }); simulation.on("tick", () => { visibleLinks .attr("x1", link => link.source.x) .attr("y1", link => link.source.y) .attr("x2", link => link.target.x) .attr("y2", link => link.target.y); visibleNodes.attr( "transform", node => `translate(${node.x},${node.y})` ); }); updateVisualization(); return container.node(); }38:T124d,chartDowViz = { // Datos de descargas y visualizaciones de ILIA por año const data = [ { Year: 2024, ILIA_Descargas: 258, ILIA_Visualizaciones: 881 }, { Year: 2025, ILIA_Descargas: 5629, ILIA_Visualizaciones: 8338 }, { Year: 2026, ILIA_Descargas: 7371, ILIA_Visualizaciones: 9083 } ]; // Dimensiones del gráfico const width = 850; const height = 600; const margin = { top: 100, right: 30, bottom: 50, left: 60 }; // Series a graficar: deben coincidir EXACTAMENTE con las claves de "data" const fields = ['ILIA_Descargas', 'ILIA_Visualizaciones']; // Un color por cada campo declarado en "fields" const colors = { ILIA_Descargas: "#23f5ee", // Naranja ILIA_Visualizaciones: "steelblue" // Azul }; // Valor máximo para la escala Y (calculado sobre los campos reales) const maxValue = d3.max(data, d => Math.max(...fields.map(f => d[f]))); // Escalas const x = d3.scaleBand() .domain(data.map(d => d.Year)) .range([margin.left, width - margin.right]) .padding(0.2); const y = d3.scaleLinear() .domain([0, (maxValue || 0) + 5]) // Añadir margen superior .range([height - margin.bottom, margin.top]); // Crear el SVG const svg = d3.create("svg") .attr("width", width) .attr("height", height); // Ejes svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).tickFormat(d3.format("d"))); svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); // Tooltip (definido antes de los manejadores de mouse que lo usan) const tooltip = svg.append("text") .style("opacity", "0") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#333"); // Función para crear líneas const createLine = (field) => d3.line() .x(d => x(d.Year) + x.bandwidth() / 2) .y(d => y(d[field])); // Dibuja una línea por cada serie (Descargas y Visualizaciones) fields.forEach(field => { // Línea svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", colors[field]) .attr("stroke-width", "3") .attr("d", createLine(field)); // Puntos sobre la línea svg.selectAll(`.${field}-dot`) .data(data) .enter().append("circle") .attr("class", `${field}-dot`) .attr("cx", d => x(d.Year) + x.bandwidth() / 2) .attr("cy", d => y(d[field])) .attr("r", "8") .attr("fill", colors[field]) .on("mouseover", function (event, d) { d3.select(this).transition().duration(200).attr("r", "12"); const [px, py] = d3.pointer(event, svg.node()); tooltip.style("opacity", "1") .text(`${field}: ${d[field]}`) .attr("x", px + 10) .attr("y", py - 10); }) .on("mousemove", function (event) { const [px, py] = d3.pointer(event, svg.node()); tooltip.attr("x", px + 10).attr("y", py - 10); }) .on("mouseout", function () { d3.select(this).transition().duration(200).attr("r", "8"); tooltip.style("opacity", "0"); }); // Etiquetas de valor sobre cada punto svg.selectAll(`.${field}-label`) .data(data) .enter().append("text") .attr("class", `${field}-label`) .attr("x", d => x(d.Year) + x.bandwidth() / 2) .attr("y", d => y(d[field]) - 12) .text(d => d[field]) .attr("text-anchor", "middle") .style("font-size", "10px") .style("fill", colors[field]) .style("font-weight", "bold"); }); // Leyenda generada a partir de "fields"/"colors": no puede desincronizarse const legend = svg.append("g") .attr("transform", `translate(${margin.left}, 55)`); fields.forEach((field, i) => { const legendRow = legend.append("g") .attr("transform", `translate(${i * 220}, 0)`); legendRow.append("rect") .attr("width", 18) .attr("height", 18) .style("fill", colors[field]); legendRow.append("text") .attr("x", 25) .attr("y", 14) .text(field) .style("font-size", "14px"); }); // Título del gráfico svg.append("text") .attr("x", width / 2) .attr("y", 20) .attr("text-anchor", "middle") .style("font-size", "16px") .style("font-weight", "bold") .text("Total de descargas y visualizaciones - ILIA (2024-2026)"); return svg.node(); }39:[] 2b:{"id":"41c5b52452846576","slug":null,"title":"Reporte Estadistico de Investigaciones Latinomaricanas en Ingenieria y Arquitectura (ILIA)","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2026-09-24T22:05:29.226Z","update_time":"$D2026-09-25T19:50:11.223Z","view_time":null,"first_public_time":"$D2026-09-25T16:47:24.934Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"51fe6e2ec1bb1cf6","login":"kahernandezg","name":"Kevin Gutierrez","avatar_url":"https://avatars-next.observableusercontent.com/2565601e8fd1d0ae6653db3f9322b46e911143f9b192883ac7484f5393c17bde","tier":"starter_2024"},"version":661,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"10fe80357ee10d94","login":"kevin-amilcar-hernandez-gutierrez","name":"Kevin Amilcar Hernández Gutierrez","avatar_url":"https://avatars-next.observableusercontent.com/5e7bab77859fa97769d110935c464ca14bf058cee0bf8ec50ef736a6e77653f3","tier":null}],"members":[{"type":"team","id":"51fe6e2ec1bb1cf6","login":"kahernandezg","name":"Kevin Gutierrez","avatar_url":"https://avatars-next.observableusercontent.com/2565601e8fd1d0ae6653db3f9322b46e911143f9b192883ac7484f5393c17bde","tier":"starter_2024","role":"editor"},{"type":"individual","id":"10fe80357ee10d94","login":"kevin-amilcar-hernandez-gutierrez","name":"Kevin Amilcar Hernández Gutierrez","avatar_url":"https://avatars-next.observableusercontent.com/5e7bab77859fa97769d110935c464ca14bf058cee0bf8ec50ef736a6e77653f3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Reporte Estadistico de Investigaciones Latinomaricanas en Ingenieria y Arquitectura (ILIA)","cells":[{"id":0,"value":"# Reporte Estadistico de Investigaciones Latinomaricanas en Ingenieria y Arquitectura (ILIA)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"openAlexAuth = ({\n email: \"kahernandezg@uca.edu.sv\",\n key: \"CTd1mNWmArkFaXHm0cMszd\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"openAlexQueue = {\n const maxConcurrent = 3;\n let active = 0;\n const pending = [];\n function runNext() {\n if (active >= maxConcurrent || pending.length === 0) return;\n active++;\n const {task, resolve, reject} = pending.shift();\n task().then(resolve, reject).finally(() => { active--; runNext(); });\n }\n return task => new Promise((resolve, reject) => {\n pending.push({task, resolve, reject});\n runNext();\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"openAlexFetch = (url, retries = 6) => openAlexQueue(async () => {\n const sep = url.includes(\"?\") ? \"&\" : \"?\";\n const fullUrl = `${url}${sep}mailto=${openAlexAuth.email}&api_key=${openAlexAuth.key}`;\n for (let attempt = 0; attempt <= retries; attempt++) {\n const res = await fetch(fullUrl);\n if (res.ok) return res.json();\n if (res.status === 429 && attempt < retries) {\n const retryAfter = Number(res.headers.get(\"retry-after\"));\n const wait = !Number.isNaN(retryAfter) && retryAfter > 0\n ? retryAfter * 1000\n : 600 * 2 ** attempt + Math.random() * 300;\n await new Promise(r => setTimeout(r, wait));\n continue;\n }\n throw new Error(`OpenAlex respondió ${res.status} para ${url}`);\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"sourceData = openAlexFetch(\"https://api.openalex.org/sources/s4404676674\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"serieAnual = sourceData.counts_by_year\n .filter(d => d.year >= 2016)\n .sort((a, b) => a.year - b.year)\n .map(d => ({year: d.year, publicaciones: d.works_count, citas: d.cited_by_count}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"Plot.plot({\n title: \"Índice de producción anual — ILIA\",\n subtitle: \"Fuente: OpenAlex · actualizado automáticamente (24/9/2026)\",\n insetTop: 20,\n y: {\n label: \"Documentos publicados\",\n grid: true,\n zero: true\n },\n x: {\n label: \"Año\",\n tickFormat: d => d\n },\n marks: [\n Plot.lineY(serieAnual, {\n x: \"year\",\n y: \"publicaciones\",\n stroke: \"#2bffff\",\n strokeWidth: 2,\n tip: true\n }),\n\n Plot.dot(serieAnual, {\n x: \"year\",\n y: \"publicaciones\",\n r: 5,\n fill: \"#2bffff\",\n stroke: \"#087f8c\",\n strokeWidth: 1.5,\n tip: true\n }),\n\n Plot.text(serieAnual, {\n x: \"year\",\n y: \"publicaciones\",\n text: d => d.publicaciones,\n dy: -12,\n fill: \"#155e75\",\n fontSize: 11,\n fontWeight: \"bold\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"Plot.plot({\n title: \"Citas por año — ILIA\",\n subtitle: \"Fuente: OpenAlex · actualizado automáticamente (24/9/2026)\",\n\n x: {\n label: \"Mes\",\n tickFormat: d => d\n },\n\n y: {\n label: \"Citas\",\n grid: true,\n zero: true\n },\n\n marks: [\n Plot.lineY(serieAnual, {\n x: \"year\",\n y: \"citas\",\n stroke: \"#39ffc9\",\n strokeWidth: 2,\n tip: true\n }),\n\n Plot.dot(serieAnual, {\n x: \"year\",\n y: \"citas\",\n r: 5,\n fill: \"#39ffc9\",\n stroke: \"#087f6d\",\n strokeWidth: 1.5,\n tip: true\n }),\n\n Plot.text(serieAnual, {\n x: \"year\",\n y: \"citas\",\n text: d => d.citas,\n dy: -12,\n fill: \"#087f6d\",\n fontSize: 11,\n fontWeight: \"bold\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"allWorks = {\n const results = [];\n let cursor = \"*\";\n while (cursor) {\n const json = await openAlexFetch(\n `https://api.openalex.org/works?filter=primary_location.source.id:s4404676674&per_page=200&cursor=${cursor}`\n );\n results.push(...json.results);\n cursor = json.meta.next_cursor;\n }\n return results;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"topCitados = allWorks\n .slice()\n .sort((a, b) => b.cited_by_count - a.cited_by_count)\n .slice(0, 10)\n .map(w => ({titulo: w.title, anio: w.publication_year, citas: w.cited_by_count}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"Plot.plot({\n title: \"Top 10 artículos más citados — ILIA (OpenAlex)\",\n width: 1100,\n marginLeft: 600,\n x: {label: \"Citas\"},\n y: {label: null},\n marks: [\n Plot.barX(topCitados, {x: \"citas\", y: \"titulo\", sort: {y: \"-x\"}, fill: \"#2bffff\"}),\n Plot.text(topCitados, {x: \"citas\", y: \"titulo\", text: \"citas\", dx: 15})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"sdgData = {\n const json = await openAlexFetch(\n \"https://api.openalex.org/works\" +\n \"?group_by=sustainable_development_goals.id\" +\n \"&filter=primary_location.source.id:s4404676674\"\n );\n\n return (json.group_by || [])\n .filter(d => d.count > 0 && d.key && d.key_display_name)\n .map(d => {\n /*\n Extrae el número desde IDs como:\n SDG1, SDG2, SDG3 ... SDG17.\n */\n const numero = Number(\n String(d.key).replace(/\\D/g, \"\")\n );\n\n return {\n id: d.key,\n numero,\n ods: d.key_display_name,\n articulos: d.count\n };\n })\n .filter(d => d.numero >= 1 && d.numero <= 17)\n .sort((a, b) => a.numero - b.numero);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"odsIcon = numero =>\n `https://sdgs.un.org/sites/default/files/2023-09/SDG-Goal-${numero}.png`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"doiData = {\n const json = await openAlexFetch(\"https://api.openalex.org/works?group_by=has_doi&filter=primary_location.source.id:s4404676674\");\n const total = json.group_by.reduce((s, d) => s + d.count, 0);\n return json.group_by.map(d => ({\n estado: d.key === \"true\" ? \"Con DOI\" : \"Sin DOI\",\n articulos: d.count,\n porcentaje: +(d.count / total * 100).toFixed(1)\n }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"Plot.plot({\n title: \"Cobertura de DOI — ILIA\",\n subtitle: `${doiData.find(d => d.estado === \"Con DOI\")?.porcentaje ?? 0}% de los artículos tiene DOI asignado`,\n width: 500,\n marginLeft: 50,\n marginRight: 50,\n x: {label: \"Artículos\"},\n y: {label: null},\n marks: [\n Plot.barX(doiData, {x: \"articulos\", y: \"estado\", fill: d => d.estado === \"Con DOI\" ? \"#b02a2a\" : \"#ccc\"}),\n Plot.text(doiData, {x: \"articulos\", y: \"estado\", text: d => `${d.articulos} (${d.porcentaje}%)`, dx: 30})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"orcidData = {\n const json = await openAlexFetch(\"https://api.openalex.org/works?group_by=has_orcid&filter=primary_location.source.id:s4404676674\");\n const total = json.group_by.reduce((s, d) => s + d.count, 0);\n return json.group_by.map(d => ({\n estado: d.key === \"true\" ? \"Con ORCID\" : \"Sin ORCID\",\n articulos: d.count,\n porcentaje: +(d.count / total * 100).toFixed(1)\n }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"Plot.plot({\n title: \"Cobertura de ORCID — ILIA\",\n subtitle: `${orcidData.find(d => d.estado === \"Con ORCID\")?.porcentaje ?? 0}% de los artículos tiene al menos un autor con ORCID`,\n width: 500,\n marginLeft: 100,\n marginRight: 50,\n x: {label: \"Artículos\"},\n y: {label: null},\n marks: [\n Plot.barX(orcidData, {x: \"articulos\", y: \"estado\", fill: d => d.estado === \"Con ORCID\" ? \"#38C728\" : \"#ccc\"}),\n Plot.text(orcidData, {x: \"articulos\", y: \"estado\", text: d => `${d.articulos} (${d.porcentaje}%)`, dx: 30})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"oaData = {\n const json = await openAlexFetch(\"https://api.openalex.org/works?group_by=open_access.oa_status&filter=primary_location.source.id:s6910135\");\n return json.group_by\n .filter(d => d.count > 0)\n .sort((a, b) => b.count - a.count)\n .map(d => ({estado: d.key_display_name, articulos: d.count}));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"Plot.plot({\n title: \"Estado de acceso abierto — ILIA\",\n subtitle: \"45 de 45 artículos disponibles en acceso abierto según OpenAlex\",\n width: 600,\n marginLeft: 150,\n x: {label: \"Artículos\", grid: true},\n y: {label: null},\n \n color: {\n legend: true,\n label: \"Estado de acceso abierto\",\n domain: [\"gold\", \"green\", \"hybrid\", \"bronze\", \"closed\"],\n range: [\n \"#d4ac0d\",\n \"#2e8b57\",\n \"#3498db\",\n \"#cd7f32\",\n \"#bdbdbd\"\n ]\n },\n marks: [\n Plot.barX(oaData, {\n x: \"articulos\",\n y: \"estado\",\n fill: \"#d68910\"\n }),\n Plot.text(oaData, {\n x: \"articulos\",\n y: \"estado\",\n text: d => `${d.articulos} artículos`,\n dx: -45,\n fontWeight: \"bold\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"Plot.plot({\n title: \"Estado de Acceso Abierto — ILIA\",\n subtitle: \"45 artículos disponibles en acceso abierto diamond según OpenAlex\",\n width: 600,\n marginLeft: 100,\n x: {label: \"Artículos\"},\n y: {label: null},\n color: {\n legend: true,\n type: \"categorical\",\n range: [\"#d4ac0d\", \"#2e8b57\", \"#3498db\", \"#cd7f32\", \"#bdbdbd\"]\n },\n marks: [\n Plot.barX(oaData, {\n x: \"articulos\",\n y: \"estado\",\n fill: \"estado\",\n sort: {y: \"-x\"}\n }),\n Plot.text(oaData, {\n x: \"articulos\",\n y: \"estado\",\n text: d => d.articulos,\n dx: 8\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"obrasCitadasTop = allWorks\n .filter(w => w.cited_by_count > 0)\n .sort((a, b) => b.cited_by_count - a.cited_by_count)\n .slice(0, 50)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"productividadAutores = {\n const counts = new Map();\n for (const w of allWorks)\n for (const a of w.authorships ?? [])\n if (a.author?.id) counts.set(a.author.id, (counts.get(a.author.id) ?? 0) + 1);\n const buckets = new Map();\n for (const c of counts.values()) buckets.set(c, (buckets.get(c) ?? 0) + 1);\n return Array.from(buckets, ([articulos, autores]) => ({articulos, autores})).sort((a, b) => a.articulos - b.articulos);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"html`

H-index

${sourceData.summary_stats.h_index}

i10-index

${sourceData.summary_stats.i10_index}

Citación media (2 años)

${sourceData.summary_stats[\"2yr_mean_citedness\"].toFixed(2)}

Autocitación (top-50)

${citacionesInfo.tasaAutocitacion}%

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"data = {\n const API_KEY = \"CTd1mNWmArkFaXHm0cMszd\";\n const MAILTO = \"kahernandezg@uca.edu.sv\";\n\n const res = await fetch(\n \"https://api.openalex.org/works\" +\n \"?filter=primary_location.source.id:s4404676674\" +\n \"&group_by=authorships.institutions.lineage\" +\n \"&per_page=200\" +\n \"&include_xpac=true\" +\n \"&api_key=\" + encodeURIComponent(API_KEY) +\n \"&mailto=\" + encodeURIComponent(MAILTO)\n );\n\n if (!res.ok) {\n throw new Error(\n `OpenAlex respondió ${res.status}: ${res.statusText}`\n );\n }\n\n const json = await res.json();\n\n return {\n name: \"ILIA\",\n children: json.group_by\n .filter((g) => g.key !== \"unknown\" && g.key_display_name)\n .map((g) => ({\n name: g.key_display_name,\n value: g.count\n }))\n .filter((g) => g.value > 0)\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":549,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 2c:"$2b:body"