27:null 28:["$","title",null,{"children":"Aristocracia Editorial: concentración del prestigio y ventajas acumulativas en las revistas científicas (LIS) de alto impacto | Kevin Gutierrez | Observable"}] 2d:T31f8,chartInstitutions20 = { const width = 1400; const height = 1400; const margin = 8; const format = d3.format(",d"); const backgroundColor = "#FFFFFF"; const rootColor = "#FDE8E4"; const rootStroke = "#D98A78"; /* Paleta rojo–naranja para las 20 revistas. Cada revista recibe un tono diferente. */ const journalPalette = [ "#8B1E2D", "#B22222", "#C0392B", "#D64545", "#E76F51", "#F07167", "#D35400", "#E67E22", "#F28C28", "#F4A261", "#FF9F1C", "#C75C3C", "#A94442", "#CD5C5C", "#E85D04", "#F6AA1C", "#6F4E37", "#7A4A21", "#9C6B30", "#B7791F" ]; /* El gráfico usa data.children: raíz → revista → institución. */ const allJournals = data.children || []; const journals = selectedJournals && selectedJournals.length > 0 ? allJournals.filter(journal => selectedJournals.includes(journal.name) ) : allJournals; if (journals.length === 0) { return html`

No se encontraron instituciones para visualizar.

`; } /* Color estable de cada revista. */ const journalColor = d3.scaleOrdinal() .domain(journals.map(d => d.id || d.name)) .range(journalPalette); /* Las instituciones utilizan una variante más clara del color asignado a su revista. */ function institutionColor(d) { const journalId = d.parent.data.id || d.parent.data.name; const baseColor = d3.color( journalColor(journalId) ); return d3.interpolateRgb( baseColor, "#FFFFFF" )(0.48); } function textColor(colorValue) { const color = d3.color(colorValue); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#3D1B12" : "#FFFFFF"; } function splitInstitutionName(name, maxWords = 3) { return String(name || "") .split(/\s+/g) .filter(Boolean) .slice(0, maxWords); } const pack = d3.pack() .size([ width - margin * 2, height - margin * 2 ]) .padding(6); const root = pack( d3.hierarchy(data) .sum(d => d.value || 0) .sort((a, b) => b.value - a.value) ); let focus = root; let packView; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", ` width: 100%; height: auto; display: block; font-family: Arial, Helvetica, sans-serif; background: ${backgroundColor}; ` ) .attr("text-anchor", "middle") .attr( "aria-label", "Diagrama de burbujas con instituciones agrupadas por revista" ); /* Capa para zoom con rueda, touchpad y arrastre. */ const zoomLayer = svg.append("g") .attr("class", "zoom-layer"); const graph = zoomLayer.append("g") .attr("class", "institutions-graph"); const node = graph.selectAll("g") .data(root.descendants()) .join("g") .attr( "class", d => d.depth === 0 ? "node root-node" : d.depth === 1 ? "node journal-node" : "node institution-node" ); /* Tooltip detallado para todos los niveles. */ node.append("title") .text(d => { if (d.depth === 0) { return [ d.data.name, `${format(d.value)} contribuciones institucionales` ].join("\n"); } if (d.depth === 1) { return [ `Revista: ${d.data.name}`, `${format(d.value)} contribuciones institucionales`, "Clic para ampliar el clúster" ].join("\n"); } return [ `Revista: ${d.parent.data.name}`, `Institución: ${d.data.name}`, `Publicaciones: ${format(d.data.value)}`, "Clic para ampliar" ].join("\n"); }); const circle = node.append("circle") .attr("fill", d => { if (d.depth === 0) return rootColor; if (d.depth === 1) return "none"; return institutionColor(d); }) .attr("fill-opacity", d => d.depth === 2 ? 0.97 : 1 ) .attr("stroke", d => { if (d.depth === 0) return rootStroke; if (d.depth === 1) { return journalColor( d.data.id || d.data.name ); } const journalId = d.parent.data.id || d.parent.data.name; return d3.color( journalColor(journalId) ).darker(0.65); }) .attr("stroke-width", d => { if (d.depth === 0) return 2; if (d.depth === 1) return 3; return 1.1; }) .attr( "stroke-dasharray", d => d.depth === 1 ? "5,3" : null ); /* Etiquetas de revistas. */ const journalLabels = node .filter(d => d.depth === 1 && d.r > 48) .append("text") .attr("class", "journal-label") .attr( "fill", d => journalColor(d.data.id || d.data.name) ) .attr("font-size", d => Math.min(18, Math.max(11, d.r / 7)) ) .attr("font-weight", "700") .attr("letter-spacing", "0.1px") .attr("pointer-events", "none"); journalLabels.append("tspan") .attr("x", 0) .attr("y", d => -d.r + 20) .text(d => { const maxCharacters = d.r > 160 ? 42 : 28; const name = d.data.name; return name.length > maxCharacters ? `${name.slice(0, maxCharacters)}…` : name; }); journalLabels.append("tspan") .attr("x", 0) .attr("dy", "1.3em") .attr("font-size", d => Math.min(12, Math.max(9, d.r / 13)) ) .attr("font-weight", "500") .attr("fill-opacity", 0.9) .text(d => `${format(d.value)} publicaciones`); /* Etiquetas de instituciones. Solo se muestran si la burbuja tiene espacio suficiente. */ const institutionText = node .filter(d => d.depth === 2 && d.r > 15) .append("text") .attr("class", "institution-label") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => textColor(institutionColor(d)) ) .attr("font-weight", "700") .attr("pointer-events", "none"); institutionText.each(function(d) { const label = d3.select(this); const words = splitInstitutionName( d.data.name, d.r > 52 ? 3 : 2 ); const fontSize = d.r > 70 ? 13 : d.r > 42 ? 11 : 9; words.forEach((word, index) => { label.append("tspan") .attr("x", 0) .attr( "y", `${index - (words.length - 1) / 2 - 0.3}em` ) .attr("font-size", `${fontSize}px`) .text(word); }); label.append("tspan") .attr("x", 0) .attr( "y", `${(words.length - 1) / 2 + 1.25}em` ) .attr("font-size", d.r > 38 ? "9px" : "8px") .attr("font-weight", "500") .attr("fill-opacity", 0.88) .text(`${format(d.data.value)} pub.`); }); /* Recalcula posiciones y tamaño de nodos cuando se realiza zoom por clic. */ function applyPackView(v) { const k = width / v[2]; packView = v; node.attr( "transform", d => `translate( ${(d.x - v[0]) * k + width / 2}, ${(d.y - v[1]) * k + height / 2} )` ); circle.attr("r", d => d.r * k); institutionText .attr("clip-path", d => `circle(${d.r * k})`) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom mediante clic: - Clic en una revista: amplía el clúster. - Clic en una institución: amplía la burbuja. - Segundo clic en el mismo nodo: vuelve a la vista general. */ function focusZoom(event, target) { focus = target; const targetView = [ target.x, target.y, target.r * 2 + margin ]; const transition = svg.transition() .duration(event?.altKey ? 3500 : 750) .tween("focus-zoom", () => { const interpolate = d3.interpolateZoom( packView, targetView ); return t => applyPackView(interpolate(t)); }); institutionText.transition(transition) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.transition(transition) .style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom manual: rueda, touchpad, pellizco táctil y arrastre. */ const manualZoom = d3.zoom() .scaleExtent([0.25, 12]) .on("zoom", event => { zoomLayer.attr("transform", event.transform); }); svg.call(manualZoom); /* Clic en una revista o institución. */ node .style( "cursor", d => d.depth > 0 ? "zoom-in" : "default" ) .on("click", (event, d) => { event.stopPropagation(); if (d.depth === 0) { focusZoom(event, root); return; } if (focus === d) { focusZoom(event, root); } else { focusZoom(event, d); } }); /* Clic fuera de nodos: regresar a la vista general. */ svg.on("click", event => { const clickedSVG = event.target === svg.node(); const clickedZoomLayer = event.target === zoomLayer.node(); const clickedGraph = event.target === graph.node(); if ( (clickedSVG || clickedZoomLayer || clickedGraph) && focus !== root ) { focusZoom(event, root); } }); /* Controles externos de zoom. */ const controls = document.createElement("div"); controls.style.display = "flex"; controls.style.flexWrap = "wrap"; controls.style.gap = "6px"; controls.style.margin = "10px 0 0"; controls.style.fontFamily = "Arial, Helvetica, sans-serif"; const zoomInButton = document.createElement("button"); zoomInButton.textContent = "+"; zoomInButton.title = "Acercar"; zoomInButton.setAttribute( "aria-label", "Acercar gráfico" ); const zoomOutButton = document.createElement("button"); zoomOutButton.textContent = "−"; zoomOutButton.title = "Alejar"; zoomOutButton.setAttribute( "aria-label", "Alejar gráfico" ); const resetButton = document.createElement("button"); resetButton.textContent = "Restablecer vista"; resetButton.title = "Volver a la vista general"; function styleButton(button) { button.style.padding = "7px 12px"; button.style.border = "1px solid #C75C3C"; button.style.borderRadius = "5px"; button.style.background = "#FFFFFF"; button.style.color = "#8B1E2D"; button.style.cursor = "pointer"; button.style.fontWeight = "700"; button.style.fontFamily = "Arial, Helvetica, sans-serif"; } styleButton(zoomInButton); styleButton(zoomOutButton); styleButton(resetButton); zoomInButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1.5); }; zoomOutButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1 / 1.5); }; resetButton.onclick = event => { svg.transition() .duration(500) .call( manualZoom.transform, d3.zoomIdentity ); focusZoom(event, root); }; controls.appendChild(zoomInButton); controls.appendChild(zoomOutButton); controls.appendChild(resetButton); /* Vista inicial del gráfico. */ applyPackView([ root.x, root.y, root.r * 2 + margin ]); const container = document.createElement("div"); const help = document.createElement("p"); help.textContent = "Clic en una revista o institución para ampliar. " + "Usa la rueda del mouse, arrastra el gráfico o utiliza los botones para explorar."; help.style.margin = "8px 0 0"; help.style.color = "#5F4A43"; help.style.font = "13px Arial, Helvetica, sans-serif"; container.appendChild(svg.node()); container.appendChild(controls); container.appendChild(help); return container; }2e:Td0c,data = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; /* Sustituye los valores de id y name por tus 20 revistas. El ID debe escribirse en minúsculas: s2736540787. */ const journals = [ { id: "s4502562", name: "IEEE Transactions on Information Theory" }, { id: "s148561398", name: "Scientometrics" }, { id: "s189354248", name: "International Journal of Information Management" }, { id: "s202812398", name: "Information Systems Research" }, { id: "s2607323502", name: "Scientific Data" }, { id: "s174847851", name: "Information Processing and Management" }, { id: "s9954729", name: "Journal of Information Systems Management" }, { id: "s70010600", name: "Information Communication and Society" }, { id: "s166722454", name: "Education and Information Technologies" }, { id: "s201710173", name: "Government Information Quarterly" }, { id: "s128516502", name: "Notes and Queries" }, { id: "s49978999", name: "Lecture Notes in Control and Information Sciences" }, { id: "s116712389", name: "European Journal of Information Systems" }, { id: "s40528764", name: "Journal of Academic Librarianship" }, { id: "s120991925", name: "Telecommunications Policy" }, { id: "s10082577", name: "Journal of Documentation" }, { id: "s58126648", name: "Personal and Ubiquitous Computing" }, { id: "s205292342", name: "Journal of Informetrics" }, { id: "s68913162", name: "Journal of Information Science" }, { id: "s112233285", name: "Notes" } ]; /* Consulta instituciones agrupadas para una sola revista. Devuelve un nodo "revista" con sus instituciones como hijos. */ async function getJournalInstitutions(journal) { const url = "https://api.openalex.org/works" + "?filter=primary_location.source.id:" + journal.id + "&group_by=authorships.institutions.lineage" + "&per_page=200" + "&include_xpac=true" + "&api_key=" + API_KEY; const res = await fetch(url); if (!res.ok) { throw new Error( `OpenAlex respondió ${res.status} para: ${journal.name}` ); } const json = await res.json(); const children = (json.group_by || []) .filter(g => g.key !== "unknown" && g.key_display_name) .map(g => ({ name: g.key_display_name, value: g.count, sourceId: journal.id })) .filter(g => g.value > 0) .sort((a, b) => b.value - a.value); return { name: journal.name, sourceId: journal.id, children }; } /* Promise.all realiza las consultas de las 20 revistas. Si una revista falla, el gráfico continúa mostrando las demás. */ const results = await Promise.allSettled( journals.map(journal => getJournalInstitutions(journal)) ); const journalClusters = results .filter(result => result.status === "fulfilled") .map(result => result.value) .filter(journal => journal.children.length > 0); const failedJournals = results .filter(result => result.status === "rejected") .map(result => result.reason.message); if (failedJournals.length) { console.warn( "No fue posible recuperar una o más revistas:", failedJournals ); } return { name: "Instituciones que publican en 20 revistas", children: journalClusters }; }2f:Te6f,dataCountries = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; const journals = [ { id: "s4502562", name: "IEEE Transactions on Information Theory" }, { id: "s148561398", name: "Scientometrics" }, { id: "s189354248", name: "International Journal of Information Management" }, { id: "s202812398", name: "Information Systems Research" }, { id: "s2607323502", name: "Scientific Data" }, { id: "s174847851", name: "Information Processing and Management" }, { id: "s9954729", name: "Journal of Information Systems Management" }, { id: "s70010600", name: "Information Communication and Society" }, { id: "s166722454", name: "Education and Information Technologies" }, { id: "s201710173", name: "Government Information Quarterly" }, { id: "s128516502", name: "Notes and Queries" }, { id: "s49978999", name: "Lecture Notes in Control and Information Sciences" }, { id: "s116712389", name: "European Journal of Information Systems" }, { id: "s40528764", name: "Journal of Academic Librarianship" }, { id: "s120991925", name: "Telecommunications Policy" }, { id: "s10082577", name: "Journal of Documentation" }, { id: "s58126648", name: "Personal and Ubiquitous Computing" }, { id: "s205292342", name: "Journal of Informetrics" }, { id: "s68913162", name: "Journal of Information Science" }, { id: "s112233285", name: "Notes" } ]; const PER_PAGE = 200; const CONCURRENCY = 2; const DELAY_MS = 1000; function sleep(milliseconds) { return new Promise(resolve => setTimeout(resolve, milliseconds)); } async function fetchCountries(journal) { const url = new URL("https://api.openalex.org/works"); url.searchParams.set( "filter", `primary_location.source.id:${journal.id}` ); url.searchParams.set( "group_by", "authorships.countries" ); url.searchParams.set("per_page", String(PER_PAGE)); 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} para ${journal.name}` ); } const json = await res.json(); return { id: journal.id, name: journal.name, children: (json.group_by || []) .filter(group => group.key && group.key !== "unknown" && group.key_display_name && group.count > 0 ) .map(group => ({ id: `${journal.id}-${group.key}`, countryCode: group.key, name: group.key_display_name, value: group.count })) .sort((a, b) => b.value - a.value) }; } const results = []; for ( let start = 0; start < journals.length; start += CONCURRENCY ) { const batch = journals.slice( start, start + CONCURRENCY ); const batchResults = await Promise.allSettled( batch.map(fetchCountries) ); results.push(...batchResults); if (start + CONCURRENCY < journals.length) { await sleep(DELAY_MS); } } const children = results .filter(result => result.status === "fulfilled") .map(result => result.value) .filter(journal => journal.children.length > 0); const errors = results .filter(result => result.status === "rejected") .map(result => result.reason.message); console.log("Revistas con países:", children.length); console.log("Errores de países:", errors); return { name: "Países de afiliación en 20 revistas", children, errors }; }30:T2f37,chartCountries20 = { const width = 1400; const height = 1400; const margin = 8; const format = d3.format(",d"); /* COLORES ORIGINALES: no modificados. */ const backgroundColor = "#FFFFFF"; const rootColor = "#FFF3CD"; const rootStroke = "#C8A45D"; /* PALETA ORIGINAL: no modificada. */ const journalPalette = [ "#6F4E37", "#8B1E2D", "#B22222", "#C0392B", "#D64545", "#E76F51", "#D35400", "#E67E22", "#F28C28", "#F4A261", "#FF9F1C", "#C75C3C", "#A94442", "#CD5C5C", "#E85D04", "#F6AA1C", "#7A4A21", "#9C6B30", "#B7791F", "#C58B1C" ]; const journals = dataCountries.children || []; if (journals.length === 0) { return html`

No se encontraron países para visualizar.

`; } const journalColor = d3.scaleOrdinal() .domain(journals.map(d => d.id)) .range(journalPalette); /* Mantiene tu lógica original: los países son una versión clara del color de su revista. */ function countryColor(d) { const journalId = d.parent.data.id; const baseColor = d3.color(journalColor(journalId)); return d3.interpolateRgb( baseColor, "#FFFFFF" )(0.55); } function countryTextColor(colorValue) { const color = d3.color(colorValue); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#4A3428" : "#FFFDF7"; } function splitCountryName(name, maxWords = 3) { return String(name || "") .split(/\s+/g) .filter(Boolean) .slice(0, maxWords); } const pack = d3.pack() .size([ width - margin * 2, height - margin * 2 ]) .padding(6); const root = pack( d3.hierarchy(dataCountries) .sum(d => d.value || 0) .sort((a, b) => b.value - a.value) ); let focus = root; let packView; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", ` width: 100%; height: auto; display: block; font-family: Arial, Helvetica, sans-serif; background: ${backgroundColor}; ` ) .attr("text-anchor", "middle") .attr( "aria-label", "Diagrama de burbujas que muestra países de afiliación agrupados por revista" ); /* Capa que recibe el zoom manual con rueda, touchpad, pellizco táctil o arrastre. */ const zoomLayer = svg.append("g") .attr("class", "zoom-layer"); const graph = zoomLayer.append("g") .attr("class", "countries-graph"); const node = graph.selectAll("g") .data(root.descendants()) .join("g") .attr( "class", d => d.depth === 0 ? "node root-node" : d.depth === 1 ? "node journal-node" : "node country-node" ); /* Tooltip con los detalles completos. */ node.append("title") .text(d => { if (d.depth === 0) { return [ d.data.name, `${format(d.value)} publicaciones` ].join("\n"); } if (d.depth === 1) { return [ `Revista: ${d.data.name}`, `${format(d.value)} publicaciones`, "Clic para ampliar el clúster" ].join("\n"); } return [ `Revista: ${d.parent.data.name}`, `País: ${d.data.name}`, `Publicaciones: ${format(d.data.value)}`, "Clic para ampliar" ].join("\n"); }); const circle = node.append("circle") .attr("fill", d => { if (d.depth === 0) return rootColor; if (d.depth === 1) return "none"; return countryColor(d); }) .attr("fill-opacity", d => d.depth === 2 ? 0.95 : 1 ) .attr("stroke", d => { if (d.depth === 0) return rootStroke; if (d.depth === 1) return journalColor(d.data.id); return d3.color( journalColor(d.parent.data.id) ).darker(0.45); }) .attr("stroke-width", d => { if (d.depth === 0) return 2; if (d.depth === 1) return 3; return 1; }) .attr( "stroke-dasharray", d => d.depth === 1 ? "5,3" : null ); /* Etiquetas de revista. */ const journalLabels = node .filter(d => d.depth === 1 && d.r > 48) .append("text") .attr("class", "journal-label") .attr("fill", d => journalColor(d.data.id)) .attr("font-size", d => Math.min(18, Math.max(11, d.r / 7)) ) .attr("font-weight", "700") .attr("letter-spacing", "0.1px") .attr("pointer-events", "none"); journalLabels.append("tspan") .attr("x", 0) .attr("y", d => -d.r + 20) .text(d => { const maxCharacters = d.r > 160 ? 42 : 28; const name = d.data.name; return name.length > maxCharacters ? `${name.slice(0, maxCharacters)}…` : name; }); journalLabels.append("tspan") .attr("x", 0) .attr("dy", "1.3em") .attr("font-size", d => Math.min(12, Math.max(9, d.r / 13)) ) .attr("font-weight", "500") .attr("fill-opacity", 0.9) .text(d => `${format(d.value)} publicaciones`); /* Etiquetas de países con el valor de publicaciones. */ const countryText = node .filter(d => d.depth === 2 && d.r > 15) .append("text") .attr("class", "country-label") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => countryTextColor(countryColor(d)) ) .attr("font-weight", "700") .attr("pointer-events", "none"); countryText.each(function(d) { const label = d3.select(this); const words = splitCountryName( d.data.name, d.r > 52 ? 3 : 2 ); const fontSize = d.r > 70 ? 13 : d.r > 42 ? 11 : 9; words.forEach((word, index) => { label.append("tspan") .attr("x", 0) .attr( "y", `${index - (words.length - 1) / 2 - 0.3}em` ) .attr("font-size", `${fontSize}px`) .text(word); }); label.append("tspan") .attr("x", 0) .attr( "y", `${(words.length - 1) / 2 + 1.25}em` ) .attr("font-size", d.r > 38 ? "9px" : "8px") .attr("font-weight", "500") .attr("fill-opacity", 0.88) .text(`${format(d.data.value)} pub.`); }); /* Calcula la transformación de zoom del circle packing. */ function applyPackView(v) { const k = width / v[2]; packView = v; node.attr( "transform", d => `translate( ${(d.x - v[0]) * k + width / 2}, ${(d.y - v[1]) * k + height / 2} )` ); circle.attr("r", d => d.r * k); countryText .attr("clip-path", d => `circle(${d.r * k})`) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom por clic: - Revista: amplía el clúster. - País: amplía su burbuja. - Segundo clic: vuelve a la vista general. */ function focusZoom(event, target) { focus = target; const targetView = [ target.x, target.y, target.r * 2 + margin ]; const transition = svg.transition() .duration(event?.altKey ? 3500 : 750) .tween("focus-zoom", () => { const interpolate = d3.interpolateZoom( packView, targetView ); return t => applyPackView(interpolate(t)); }); countryText.transition(transition) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.transition(transition) .style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom manual mediante rueda, touchpad, pellizco o arrastre. */ const manualZoom = d3.zoom() .scaleExtent([0.25, 12]) .on("zoom", event => { zoomLayer.attr("transform", event.transform); }); svg.call(manualZoom); /* Clic sobre cada burbuja. */ node .style( "cursor", d => d.depth > 0 ? "zoom-in" : "default" ) .on("click", (event, d) => { event.stopPropagation(); if (d.depth === 0) { focusZoom(event, root); return; } if (focus === d) { focusZoom(event, root); } else { focusZoom(event, d); } }); /* Clic en el fondo para volver a la vista general. */ svg.on("click", event => { const clickedSVG = event.target === svg.node(); const clickedZoomLayer = event.target === zoomLayer.node(); const clickedGraph = event.target === graph.node(); if ( (clickedSVG || clickedZoomLayer || clickedGraph) && focus !== root ) { focusZoom(event, root); } }); /* Botones de zoom. */ const controls = document.createElement("div"); controls.style.display = "flex"; controls.style.flexWrap = "wrap"; controls.style.gap = "6px"; controls.style.margin = "10px 0 0"; controls.style.fontFamily = "Arial, Helvetica, sans-serif"; const zoomInButton = document.createElement("button"); zoomInButton.textContent = "+"; zoomInButton.title = "Acercar"; zoomInButton.setAttribute( "aria-label", "Acercar gráfico" ); const zoomOutButton = document.createElement("button"); zoomOutButton.textContent = "−"; zoomOutButton.title = "Alejar"; zoomOutButton.setAttribute( "aria-label", "Alejar gráfico" ); const resetButton = document.createElement("button"); resetButton.textContent = "Restablecer vista"; resetButton.title = "Volver a la vista general"; function styleButton(button) { button.style.padding = "7px 12px"; button.style.border = "1px solid #C8A45D"; button.style.borderRadius = "5px"; button.style.background = "#FFFFFF"; button.style.color = "#6F4E37"; button.style.cursor = "pointer"; button.style.fontWeight = "700"; button.style.fontFamily = "Arial, Helvetica, sans-serif"; } styleButton(zoomInButton); styleButton(zoomOutButton); styleButton(resetButton); zoomInButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1.5); }; zoomOutButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1 / 1.5); }; resetButton.onclick = event => { svg.transition() .duration(500) .call( manualZoom.transform, d3.zoomIdentity ); focusZoom(event, root); }; controls.appendChild(zoomInButton); controls.appendChild(zoomOutButton); controls.appendChild(resetButton); /* Vista inicial. */ applyPackView([ root.x, root.y, root.r * 2 + margin ]); const container = document.createElement("div"); const help = document.createElement("p"); help.textContent = "Clic en una revista o país para ampliar. " + "Usa la rueda del mouse, arrastra el gráfico o utiliza los botones para explorar."; help.style.margin = "8px 0 0"; help.style.color = "#5F4A43"; help.style.font = "13px Arial, Helvetica, sans-serif"; container.appendChild(svg.node()); container.appendChild(controls); container.appendChild(help); return container; }31:Te69,dataAuthors = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; const journals = [ { id: "s4502562", name: "IEEE Transactions on Information Theory" }, { id: "s148561398", name: "Scientometrics" }, { id: "s189354248", name: "International Journal of Information Management" }, { id: "s202812398", name: "Information Systems Research" }, { id: "s2607323502", name: "Scientific Data" }, { id: "s174847851", name: "Information Processing and Management" }, { id: "s9954729", name: "Journal of Information Systems Management" }, { id: "s70010600", name: "Information Communication and Society" }, { id: "s166722454", name: "Education and Information Technologies" }, { id: "s201710173", name: "Government Information Quarterly" }, { id: "s128516502", name: "Notes and Queries" }, { id: "s49978999", name: "Lecture Notes in Control and Information Sciences" }, { id: "s116712389", name: "European Journal of Information Systems" }, { id: "s40528764", name: "Journal of Academic Librarianship" }, { id: "s120991925", name: "Telecommunications Policy" }, { id: "s10082577", name: "Journal of Documentation" }, { id: "s58126648", name: "Personal and Ubiquitous Computing" }, { id: "s205292342", name: "Journal of Informetrics" }, { id: "s68913162", name: "Journal of Information Science" }, { id: "s112233285", name: "Notes" } ]; const PER_PAGE = 200; const CONCURRENCY = 2; const DELAY_MS = 1000; function sleep(milliseconds) { return new Promise(resolve => setTimeout(resolve, milliseconds)); } async function fetchAuthors(journal) { const url = new URL("https://api.openalex.org/works"); url.searchParams.set( "filter", `primary_location.source.id:${journal.id}` ); url.searchParams.set( "group_by", "authorships.author.id" ); url.searchParams.set("per_page", String(PER_PAGE)); 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} para ${journal.name}` ); } const json = await res.json(); return { id: journal.id, name: journal.name, children: (json.group_by || []) .filter(group => group.key && group.key !== "unknown" && group.key_display_name && group.count > 0 ) .map(group => ({ id: `${journal.id}-${group.key}`, authorId: group.key, name: group.key_display_name, value: group.count })) .sort((a, b) => b.value - a.value) }; } const results = []; for ( let start = 0; start < journals.length; start += CONCURRENCY ) { const batch = journals.slice( start, start + CONCURRENCY ); const batchResults = await Promise.allSettled( batch.map(fetchAuthors) ); results.push(...batchResults); if (start + CONCURRENCY < journals.length) { await sleep(DELAY_MS); } } const children = results .filter(result => result.status === "fulfilled") .map(result => result.value) .filter(journal => journal.children.length > 0); const errors = results .filter(result => result.status === "rejected") .map(result => result.reason.message); console.log("Revistas con autores:", children.length); console.log("Errores de autores:", errors); return { name: "Autores que más publican en 20 revistas", children, errors }; }32:T2cf2,chartAuthors20 = { const width = 1400; const height = 1400; const margin = 8; const format = d3.format(",d"); const backgroundColor = "#FFFFFF"; const rootColor = "#FDE8E4"; const rootStroke = "#D98A78"; const journalPalette = [ "#8B1E2D", "#B22222", "#C0392B", "#D64545", "#E76F51", "#F07167", "#D35400", "#E67E22", "#F28C28", "#F4A261", "#FF9F1C", "#C75C3C", "#A94442", "#CD5C5C", "#E85D04", "#F6AA1C", "#6F4E37", "#7A4A21", "#9C6B30", "#B7791F" ]; const journals = dataAuthors.children || []; if (journals.length === 0) { return html`

No se encontraron autores para visualizar.

`; } const journalColor = d3.scaleOrdinal() .domain(journals.map(d => d.id)) .range(journalPalette); function authorColor(d) { const journalId = d.parent.data.id; const baseColor = d3.color(journalColor(journalId)); return d3.interpolateRgb( baseColor, "#FFFFFF" )(0.48); } function authorTextColor(colorValue) { const color = d3.color(colorValue); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#3D1B12" : "#FFFFFF"; } function splitName(name, maxWords = 3) { return String(name || "") .split(/\s+/g) .filter(Boolean) .slice(0, maxWords); } const pack = d3.pack() .size([ width - margin * 2, height - margin * 2 ]) .padding(6); const root = pack( d3.hierarchy(dataAuthors) .sum(d => d.value || 0) .sort((a, b) => b.value - a.value) ); let focus = root; let packView; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", ` width: 100%; height: auto; display: block; font-family: Arial, Helvetica, sans-serif; background: ${backgroundColor}; ` ) .attr("text-anchor", "middle") .attr( "aria-label", "Diagrama de burbujas con autores agrupados por revista" ); /* Grupo que recibirá zoom manual con rueda o arrastre. */ const zoomLayer = svg.append("g") .attr("class", "zoom-layer"); const graph = zoomLayer.append("g") .attr("class", "authors-graph"); const node = graph.selectAll("g") .data(root.descendants()) .join("g") .attr("class", d => d.depth === 0 ? "node root-node" : d.depth === 1 ? "node journal-node" : "node author-node" ); node.append("title") .text(d => { if (d.depth === 0) { return `${d.data.name}\n${format(d.value)} publicaciones`; } if (d.depth === 1) { return [ d.data.name, `${format(d.value)} publicaciones`, "Clic para acercar el clúster" ].join("\n"); } return [ `Revista: ${d.parent.data.name}`, `Autor: ${d.data.name}`, `Publicaciones: ${format(d.data.value)}`, "Clic para ampliar" ].join("\n"); }); const circle = node.append("circle") .attr("fill", d => { if (d.depth === 0) return rootColor; if (d.depth === 1) return "none"; return authorColor(d); }) .attr("fill-opacity", d => d.depth === 2 ? 0.97 : 1 ) .attr("stroke", d => { if (d.depth === 0) return rootStroke; if (d.depth === 1) return journalColor(d.data.id); return d3.color( journalColor(d.parent.data.id) ).darker(0.65); }) .attr("stroke-width", d => { if (d.depth === 0) return 2; if (d.depth === 1) return 3; return 1.1; }) .attr( "stroke-dasharray", d => d.depth === 1 ? "5,3" : null ); /* Etiquetas de revista. */ const journalLabels = node .filter(d => d.depth === 1 && d.r > 48) .append("text") .attr("class", "journal-label") .attr("fill", d => journalColor(d.data.id)) .attr("font-size", d => Math.min(18, Math.max(11, d.r / 7)) ) .attr("font-weight", "700") .attr("letter-spacing", "0.1px") .attr("pointer-events", "none"); journalLabels.append("tspan") .attr("x", 0) .attr("y", d => -d.r + 20) .text(d => { const maxCharacters = d.r > 160 ? 40 : 26; const name = d.data.name; return name.length > maxCharacters ? `${name.slice(0, maxCharacters)}…` : name; }); journalLabels.append("tspan") .attr("x", 0) .attr("dy", "1.3em") .attr("font-size", d => Math.min(12, Math.max(9, d.r / 13)) ) .attr("font-weight", "500") .attr("fill-opacity", 0.9) .text(d => `${format(d.value)} publicaciones`); /* Etiquetas de autores. El nombre y las publicaciones aparecen si la burbuja tiene suficiente espacio. */ const authorText = node .filter(d => d.depth === 2 && d.r > 15) .append("text") .attr("class", "author-label") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => authorTextColor(authorColor(d)) ) .attr("font-weight", "700") .attr("pointer-events", "none"); authorText.each(function(d) { const label = d3.select(this); const words = splitName( d.data.name, d.r > 52 ? 3 : 2 ); const nameFontSize = d.r > 70 ? 13 : d.r > 42 ? 11 : 9; words.forEach((word, index) => { label.append("tspan") .attr("x", 0) .attr( "y", `${index - (words.length - 1) / 2 - 0.3}em` ) .attr("font-size", `${nameFontSize}px`) .text(word); }); label.append("tspan") .attr("x", 0) .attr( "y", `${(words.length - 1) / 2 + 1.25}em` ) .attr("font-size", d.r > 38 ? "9px" : "8px") .attr("font-weight", "500") .attr("fill-opacity", 0.88) .text(`${format(d.data.value)} pub.`); }); /* Aplica la vista de circle packing. */ function applyPackView(v) { const k = width / v[2]; packView = v; node.attr( "transform", d => `translate( ${(d.x - v[0]) * k + width / 2}, ${(d.y - v[1]) * k + height / 2} )` ); circle.attr("r", d => d.r * k); authorText .attr("clip-path", d => `circle(${d.r * k})`) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom por clic: - Clic en revista: acerca el clúster. - Clic en autor: acerca su nodo. - Clic en el fondo: vuelve a la vista general. */ function focusZoom(event, target) { focus = target; const targetView = [ target.x, target.y, target.r * 2 + margin ]; const transition = svg.transition() .duration(event?.altKey ? 3500 : 750) .tween("focus-zoom", () => { const interpolate = d3.interpolateZoom( packView, targetView ); return t => applyPackView(interpolate(t)); }); authorText.transition(transition) .style( "display", d => d.depth === 2 && ( d.parent === focus || d === focus || focus === root ) ? "inline" : "none" ); journalLabels.transition(transition) .style( "display", d => d === focus || d.parent === focus || focus === root ? "inline" : "none" ); } /* Zoom manual con rueda, touchpad o arrastre. */ const manualZoom = d3.zoom() .scaleExtent([0.25, 12]) .on("zoom", event => { zoomLayer.attr("transform", event.transform); }); svg.call(manualZoom); /* Fondo del SVG: al hacer clic fuera de un nodo, se restablece la vista. */ svg.on("click", event => { if (event.target === svg.node() || event.target === zoomLayer.node()) { if (focus !== root) { focusZoom(event, root); } } }); /* Clic en cada nodo. */ node .style("cursor", d => d.depth > 0 ? "zoom-in" : "default" ) .on("click", (event, d) => { event.stopPropagation(); if (d.depth === 0) { focusZoom(event, root); return; } if (focus === d) { focusZoom(event, root); } else { focusZoom(event, d); } }); /* Botones de zoom. */ const controls = document.createElement("div"); controls.style.display = "flex"; controls.style.gap = "6px"; controls.style.margin = "10px 0 0"; controls.style.fontFamily = "Arial, Helvetica, sans-serif"; const zoomInButton = document.createElement("button"); zoomInButton.textContent = "+"; zoomInButton.title = "Acercar"; zoomInButton.setAttribute("aria-label", "Acercar gráfico"); const zoomOutButton = document.createElement("button"); zoomOutButton.textContent = "−"; zoomOutButton.title = "Alejar"; zoomOutButton.setAttribute("aria-label", "Alejar gráfico"); const resetButton = document.createElement("button"); resetButton.textContent = "Restablecer vista"; resetButton.title = "Volver a la vista general"; const buttonStyle = button => { button.style.padding = "7px 12px"; button.style.border = "1px solid #C75C3C"; button.style.borderRadius = "5px"; button.style.background = "#FFFFFF"; button.style.color = "#8B1E2D"; button.style.cursor = "pointer"; button.style.fontWeight = "700"; button.style.fontFamily = "Arial, Helvetica, sans-serif"; }; buttonStyle(zoomInButton); buttonStyle(zoomOutButton); buttonStyle(resetButton); zoomInButton.onclick = () => { svg.transition() .duration(250) .call( manualZoom.scaleBy, 1.5 ); }; zoomOutButton.onclick = () => { svg.transition() .duration(250) .call( manualZoom.scaleBy, 1 / 1.5 ); }; resetButton.onclick = event => { svg.transition() .duration(500) .call( manualZoom.transform, d3.zoomIdentity ); focusZoom(event, root); }; controls.appendChild(zoomInButton); controls.appendChild(zoomOutButton); controls.appendChild(resetButton); /* Vista inicial. */ applyPackView([ root.x, root.y, root.r * 2 + margin ]); const container = document.createElement("div"); const help = document.createElement("p"); help.textContent = "Clic en una revista o autor para ampliar. " + "Usa la rueda del mouse, arrastra el gráfico o los botones para explorar."; help.style.margin = "8px 0 0"; help.style.color = "#5F4A43"; help.style.font = "13px Arial, Helvetica, sans-serif"; container.appendChild(svg.node()); container.appendChild(controls); container.appendChild(help); return container; }33:T15ad,authorCitationRanking = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; /* Cantidad de artículos más citados que se recuperarán para cada revista. */ const TOP_WORKS_PER_JOURNAL = 100; /* Procesa dos revistas a la vez para reducir el riesgo de recibir un error 429 por exceso de solicitudes. */ const CONCURRENCY = 2; const DELAY_MS = 800; const MAX_RETRIES = 3; const journals = [ { id: "s4502562", name: "IEEE Transactions on Information Theory" }, { id: "s148561398", name: "Scientometrics" }, { id: "s189354248", name: "International Journal of Information Management" }, { id: "s202812398", name: "Information Systems Research" }, { id: "s2607323502", name: "Scientific Data" }, { id: "s174847851", name: "Information Processing and Management" }, { id: "s9954729", name: "Journal of Information Systems Management" }, { id: "s70010600", name: "Information Communication and Society" }, { id: "s166722454", name: "Education and Information Technologies" }, { id: "s201710173", name: "Government Information Quarterly" }, { id: "s128516502", name: "Notes and Queries" }, { id: "s49978999", name: "Lecture Notes in Control and Information Sciences" }, { id: "s116712389", name: "European Journal of Information Systems" }, { id: "s40528764", name: "Journal of Academic Librarianship" }, { id: "s120991925", name: "Telecommunications Policy" }, { id: "s10082577", name: "Journal of Documentation" }, { id: "s58126648", name: "Personal and Ubiquitous Computing" }, { id: "s205292342", name: "Journal of Informetrics" }, { id: "s68913162", name: "Journal of Information Science" }, { id: "s112233285", name: "Notes" } ]; function sleep(milliseconds) { return new Promise(resolve => setTimeout(resolve, milliseconds)); } async function fetchWithRetry(url, journalName) { for (let attempt = 0; attempt <= MAX_RETRIES; attempt += 1) { const res = await fetch(url); if (res.ok) { return res.json(); } if (res.status === 429 && attempt < MAX_RETRIES) { const retryAfter = Number( res.headers.get("Retry-After") ); const waitSeconds = Number.isFinite(retryAfter) && retryAfter > 0 ? retryAfter : Math.pow(2, attempt + 1); console.warn( `OpenAlex respondió 429 para ${journalName}. ` + `Reintentando en ${waitSeconds} segundos.` ); await sleep(waitSeconds * 1000); continue; } throw new Error( `OpenAlex respondió ${res.status} para ${journalName}` ); } throw new Error( `No fue posible obtener datos para ${journalName}` ); } async function getTopCitedWorks(journal) { const url = new URL("https://api.openalex.org/works"); url.searchParams.set( "filter", `primary_location.source.id:${journal.id}` ); url.searchParams.set( "sort", "cited_by_count:desc" ); url.searchParams.set( "per_page", String(TOP_WORKS_PER_JOURNAL) ); url.searchParams.set("include_xpac", "true"); url.searchParams.set("api_key", API_KEY); url.searchParams.set("mailto", MAILTO); const json = await fetchWithRetry( url, journal.name ); return json.results || []; } const authorMap = new Map(); const errors = []; for ( let start = 0; start < journals.length; start += CONCURRENCY ) { const batch = journals.slice( start, start + CONCURRENCY ); const batchResults = await Promise.allSettled( batch.map(async journal => ({ journal, works: await getTopCitedWorks(journal) })) ); for (const result of batchResults) { if (result.status === "rejected") { errors.push(result.reason.message); continue; } const { journal, works } = result.value; for (const work of works) { const citations = Number( work.cited_by_count || 0 ); for (const authorship of work.authorships || []) { const author = authorship.author; if (!author?.id || !author?.display_name) { continue; } if (!authorMap.has(author.id)) { authorMap.set(author.id, { id: author.id, author: author.display_name, citations: 0, publications: 0, journals: new Set() }); } const current = authorMap.get(author.id); current.citations += citations; current.publications += 1; current.journals.add(journal.name); } } } if (start + CONCURRENCY < journals.length) { await sleep(DELAY_MS); } } if (errors.length > 0) { console.warn("Errores durante la consulta:", errors); } return [...authorMap.values()] .map(author => ({ id: author.id, author: author.author, citations: author.citations, publications: author.publications, journals: [...author.journals].sort().join("; "), journalCount: author.journals.size, citationsPerPublication: author.publications > 0 ? author.citations / author.publications : 0 })) .filter(author => author.citations > 0) .sort((a, b) => b.citations - a.citations || b.publications - a.publications ); }34:Taf0,chartAuthorsCitedRanking = { const TOP_N = 30; const format = d3.format(",d"); const authors = authorCitationRanking .slice(0, TOP_N) .map((d, index) => ({ ...d, rank: index + 1, label: d.author.length > 42 ? `${d.author.slice(0, 42)}…` : d.author })) .reverse(); if (authors.length === 0) { return html`

No se encontraron autores con citas para visualizar.

`; } return Plot.plot({ title: "Autores más citados en 20 revistas", subtitle: `Ranking de los ${authors.length} autores con mayor número de citas acumuladas ` + `en los artículos más citados de cada revista.`, width: 1050, height: Math.max( 550, authors.length * 30 + 180 ), marginTop: 80, marginRight: 150, marginBottom: 60, marginLeft: 300, style: { background: "#FFFFFF", color: "#374151", fontFamily: "Georgia, 'Times New Roman', serif", fontSize: "13px" }, x: { label: "Citas acumuladas", grid: true, nice: true, tickFormat: format }, y: { label: null, domain: authors.map(d => d.label) }, color: { type: "linear", scheme: "YlOrRd", legend: true, label: "Citas acumuladas" }, marks: [ Plot.barX( authors, { x: "citations", y: "label", fill: "citations", insetTop: 2, insetBottom: 2, rx: 3, title: d => [ `Ranking: #${d.rank}`, `Autor: ${d.author}`, `Citas acumuladas: ${format(d.citations)}`, `Publicaciones analizadas: ${format(d.publications)}`, `Promedio de citas por publicación: ${d3.format(".1f")(d.citationsPerPublication)}`, `Revistas: ${d.journals}` ].join("\n") } ), Plot.text( authors, { x: "citations", y: "label", text: d => format(d.citations), dx: 8, textAnchor: "start", fill: "#374151", fontWeight: 700, fontSize: 11 } ), Plot.text( authors, { x: 0, y: "label", text: d => `#${String(d.rank).padStart(2, "0")}`, dx: -45, textAnchor: "start", fill: "#9F1D2D", fontWeight: 700, fontSize: 11 } ), Plot.ruleX( [0], { stroke: "#9CA3AF" } ) ] }); }35:T1255,journalCitationData = { const API_KEY = "CTd1mNWmArkFaXHm0cMszd"; const MAILTO = "kahernandezg@uca.edu.sv"; /* Dos revistas simultáneas para reducir el riesgo de 429. */ const CONCURRENCY = 2; const DELAY_MS = 900; const MAX_RETRIES = 3; const journals = [ { id: "s4502562", name: "IEEE Transactions on Information Theory" }, { id: "s148561398", name: "Scientometrics" }, { id: "s189354248", name: "International Journal of Information Management" }, { id: "s202812398", name: "Information Systems Research" }, { id: "s2607323502", name: "Scientific Data" }, { id: "s174847851", name: "Information Processing and Management" }, { id: "s9954729", name: "Journal of Information Systems Management" }, { id: "s70010600", name: "Information Communication and Society" }, { id: "s166722454", name: "Education and Information Technologies" }, { id: "s201710173", name: "Government Information Quarterly" }, { id: "s128516502", name: "Notes and Queries" }, { id: "s49978999", name: "Lecture Notes in Control and Information Sciences" }, { id: "s116712389", name: "European Journal of Information Systems" }, { id: "s40528764", name: "Journal of Academic Librarianship" }, { id: "s120991925", name: "Telecommunications Policy" }, { id: "s10082577", name: "Journal of Documentation" }, { id: "s58126648", name: "Personal and Ubiquitous Computing" }, { id: "s205292342", name: "Journal of Informetrics" }, { id: "s68913162", name: "Journal of Information Science" }, { id: "s112233285", name: "Notes" } ]; function sleep(milliseconds) { return new Promise(resolve => setTimeout(resolve, milliseconds)); } async function fetchWithRetry(url, journalName) { for (let attempt = 0; attempt <= MAX_RETRIES; attempt += 1) { const res = await fetch(url); if (res.ok) { return res.json(); } if (res.status === 429 && attempt < MAX_RETRIES) { const retryAfter = Number( res.headers.get("Retry-After") ); const waitSeconds = Number.isFinite(retryAfter) && retryAfter > 0 ? retryAfter : Math.pow(2, attempt + 1); console.warn( `OpenAlex respondió 429 para "${journalName}". ` + `Reintentando en ${waitSeconds} segundos.` ); await sleep(waitSeconds * 1000); continue; } const detail = await res.text(); throw new Error( `OpenAlex respondió ${res.status} para "${journalName}": ${detail}` ); } throw new Error( `No fue posible recuperar datos para "${journalName}".` ); } /* Consulta el endpoint /sources/{id}, que contiene: - cited_by_count: citas acumuladas de la revista; - works_count: publicaciones asociadas con la revista. */ async function getJournalCitationData(journal) { const url = new URL( `https://api.openalex.org/sources/${journal.id}` ); url.searchParams.set("api_key", API_KEY); url.searchParams.set("mailto", MAILTO); const source = await fetchWithRetry( url, journal.name ); const totalCitations = Number( source.cited_by_count || 0 ); const totalWorks = Number( source.works_count || 0 ); return { id: journal.id, name: journal.name, citations: totalCitations, works: totalWorks, citationsPerWork: totalWorks > 0 ? totalCitations / totalWorks : 0 }; } const results = []; for ( let start = 0; start < journals.length; start += CONCURRENCY ) { const batch = journals.slice( start, start + CONCURRENCY ); const batchResults = await Promise.allSettled( batch.map(getJournalCitationData) ); results.push(...batchResults); if (start + CONCURRENCY < journals.length) { await sleep(DELAY_MS); } } const journalMetrics = results .filter(result => result.status === "fulfilled") .map(result => result.value) .sort((a, b) => b.citations - a.citations || b.works - a.works ); const errors = results .filter(result => result.status === "rejected") .map(result => result.reason.message); if (errors.length > 0) { console.warn( "Revistas que no pudieron recuperarse:", errors ); } return { name: "Concentración de citas en 20 revistas", children: journalMetrics.map(d => ({ id: d.id, name: d.name, value: d.citations, citations: d.citations, works: d.works, citationsPerWork: d.citationsPerWork })), errors }; }36:T252b,chartJournalCitationConcentration = { const width = 1400; const height = 1200; const margin = 8; const format = d3.format(",d"); const backgroundColor = "#FFFFFF"; const rootColor = "#FDE8E4"; const rootStroke = "#D98A78"; const journalPalette = [ "#8B1E2D", "#B22222", "#C0392B", "#D64545", "#E76F51", "#F07167", "#D35400", "#E67E22", "#F28C28", "#F4A261", "#FF9F1C", "#C75C3C", "#A94442", "#CD5C5C", "#E85D04", "#F6AA1C", "#6F4E37", "#7A4A21", "#9C6B30", "#B7791F" ]; const allJournals = journalCitationData.children || []; const journals = selectedCitationJournals && selectedCitationJournals.length > 0 ? allJournals.filter(journal => selectedCitationJournals.includes(journal.name) ) : allJournals; if (journals.length === 0) { return html`

No se encontraron datos de citas para visualizar.

`; } const filteredData = { name: journalCitationData.name, children: journals }; const journalColor = d3.scaleOrdinal() .domain(allJournals.map(d => d.id)) .range(journalPalette); function textColor(colorValue) { const color = d3.color(colorValue); const luminance = 0.299 * color.r + 0.587 * color.g + 0.114 * color.b; return luminance > 165 ? "#3D1B12" : "#FFFFFF"; } function splitJournalName(name, maxWords = 4) { return String(name || "") .split(/\s+/g) .filter(Boolean) .slice(0, maxWords); } const pack = d3.pack() .size([ width - margin * 2, height - margin * 2 ]) .padding(8); const root = pack( d3.hierarchy(filteredData) .sum(d => d.value || 0) .sort((a, b) => b.value - a.value) ); let focus = root; let packView; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr( "style", ` width: 100%; height: auto; display: block; font-family: Arial, Helvetica, sans-serif; background: ${backgroundColor}; ` ) .attr("text-anchor", "middle") .attr( "aria-label", "Diagrama de burbujas que muestra la concentración de citas por revista" ); const zoomLayer = svg.append("g") .attr("class", "zoom-layer"); const graph = zoomLayer.append("g") .attr("class", "citation-concentration-graph"); const node = graph.selectAll("g") .data(root.descendants()) .join("g") .attr( "class", d => d.depth === 0 ? "node root-node" : "node journal-node" ); node.append("title") .text(d => { if (d.depth === 0) { return [ d.data.name, `${format(d.value)} citas acumuladas` ].join("\n"); } return [ `Revista: ${d.data.name}`, `Citas acumuladas: ${format(d.data.citations)}`, `Publicaciones: ${format(d.data.works)}`, `Promedio de citas por publicación: ${d3.format(".2f")(d.data.citationsPerWork)}`, "Clic para ampliar" ].join("\n"); }); const circle = node.append("circle") .attr("fill", d => d.depth === 0 ? rootColor : journalColor(d.data.id) ) .attr("fill-opacity", d => d.depth === 0 ? 1 : 0.88 ) .attr("stroke", d => d.depth === 0 ? rootStroke : d3.color(journalColor(d.data.id)).darker(0.65) ) .attr("stroke-width", d => d.depth === 0 ? 2 : 1.5 ); const labels = node .filter(d => d.depth === 1 && d.r > 22) .append("text") .attr("clip-path", d => `circle(${d.r})`) .attr("fill", d => textColor(journalColor(d.data.id)) ) .attr("font-weight", "700") .attr("pointer-events", "none"); labels.each(function(d) { const label = d3.select(this); const words = splitJournalName( d.data.name, d.r > 90 ? 4 : 3 ); const fontSize = d.r > 115 ? 16 : d.r > 70 ? 13 : 10; words.forEach((word, index) => { label.append("tspan") .attr("x", 0) .attr( "y", `${index - (words.length - 1) / 2 - 0.45}em` ) .attr("font-size", `${fontSize}px`) .text(word); }); label.append("tspan") .attr("x", 0) .attr( "y", `${(words.length - 1) / 2 + 1.25}em` ) .attr("font-size", d.r > 50 ? "10px" : "8px") .attr("font-weight", "500") .attr("fill-opacity", 0.9) .text(`${format(d.data.citations)} citas`); if (d.r > 65) { label.append("tspan") .attr("x", 0) .attr("dy", "1.3em") .attr("font-size", "8px") .attr("font-weight", "500") .attr("fill-opacity", 0.85) .text(`${format(d.data.works)} publicaciones`); } }); function applyPackView(v) { const k = width / v[2]; packView = v; node.attr( "transform", d => `translate( ${(d.x - v[0]) * k + width / 2}, ${(d.y - v[1]) * k + height / 2} )` ); circle.attr("r", d => d.r * k); labels .attr("clip-path", d => `circle(${d.r * k})`) .style( "display", d => d.depth === 1 && (focus === root || d === focus) ? "inline" : "none" ); } function focusZoom(event, target) { focus = target; const targetView = [ target.x, target.y, target.r * 2 + margin ]; const transition = svg.transition() .duration(event?.altKey ? 3500 : 750) .tween("focus-zoom", () => { const interpolate = d3.interpolateZoom( packView, targetView ); return t => applyPackView(interpolate(t)); }); labels.transition(transition) .style( "display", d => d.depth === 1 && (focus === root || d === focus) ? "inline" : "none" ); } const manualZoom = d3.zoom() .scaleExtent([0.25, 12]) .on("zoom", event => { zoomLayer.attr("transform", event.transform); }); svg.call(manualZoom); node .style( "cursor", d => d.depth > 0 ? "zoom-in" : "default" ) .on("click", (event, d) => { event.stopPropagation(); if (d.depth === 0) { focusZoom(event, root); return; } if (focus === d) { focusZoom(event, root); } else { focusZoom(event, d); } }); svg.on("click", event => { const clickedSVG = event.target === svg.node(); const clickedZoomLayer = event.target === zoomLayer.node(); const clickedGraph = event.target === graph.node(); if ( (clickedSVG || clickedZoomLayer || clickedGraph) && focus !== root ) { focusZoom(event, root); } }); const controls = document.createElement("div"); controls.style.display = "flex"; controls.style.flexWrap = "wrap"; controls.style.gap = "6px"; controls.style.margin = "10px 0 0"; controls.style.fontFamily = "Arial, Helvetica, sans-serif"; const zoomInButton = document.createElement("button"); zoomInButton.textContent = "+"; zoomInButton.title = "Acercar"; const zoomOutButton = document.createElement("button"); zoomOutButton.textContent = "−"; zoomOutButton.title = "Alejar"; const resetButton = document.createElement("button"); resetButton.textContent = "Restablecer vista"; resetButton.title = "Volver a la vista general"; function styleButton(button) { button.style.padding = "7px 12px"; button.style.border = "1px solid #C75C3C"; button.style.borderRadius = "5px"; button.style.background = "#FFFFFF"; button.style.color = "#8B1E2D"; button.style.cursor = "pointer"; button.style.fontWeight = "700"; button.style.fontFamily = "Arial, Helvetica, sans-serif"; } styleButton(zoomInButton); styleButton(zoomOutButton); styleButton(resetButton); zoomInButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1.5); }; zoomOutButton.onclick = () => { svg.transition() .duration(250) .call(manualZoom.scaleBy, 1 / 1.5); }; resetButton.onclick = event => { svg.transition() .duration(500) .call( manualZoom.transform, d3.zoomIdentity ); focusZoom(event, root); }; controls.appendChild(zoomInButton); controls.appendChild(zoomOutButton); controls.appendChild(resetButton); applyPackView([ root.x, root.y, root.r * 2 + margin ]); const container = document.createElement("div"); const help = document.createElement("p"); help.textContent = "Cada burbuja representa una revista. Su tamaño corresponde al total de citas acumuladas. " + "Haz clic para ampliar; utiliza la rueda, arrastra el gráfico o usa los botones para explorar."; help.style.margin = "8px 0 0"; help.style.color = "#5F4A43"; help.style.font = "13px Arial, Helvetica, sans-serif"; container.appendChild(svg.node()); container.appendChild(controls); container.appendChild(help); return container; }37:[] 2b:{"id":"29307acd5b422346","slug":null,"title":"Aristocracia Editorial: concentración del prestigio y ventajas acumulativas en las revistas científicas (LIS) de alto impacto","thumbnail":"1b4db320b5ab2165cccdf9e8c09bc0660133a2e4193864832f3cd27852f30f04","access_level":"public","create_time":"$D2026-08-25T18:44:01.542Z","update_time":"$D2026-09-18T14:11:26.158Z","view_time":null,"first_public_time":"$D2026-08-26T00:28:50.230Z","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":190,"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":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Aristocracia Editorial: concentración del prestigio y ventajas acumulativas en las revistas científicas (LIS) de alto impacto","cells":[{"id":0,"value":"# Aristocracia Editorial: concentración del prestigio y ventajas acumulativas en las revistas científicas (LIS) de alto impacto","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":183,"value":"![FAIR — Indicador de Madurez en Ciencia Abierta](https://raw.githubusercontent.com/Kahernandezg/Notebook-coding-bibliometric/main/figures/Fair.png)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"viewof selectedJournals = Inputs.checkbox(\n data.children.map((d) => d.name),\n {\n value: data.children.map((d) => d.name), // todas seleccionadas por defecto\n label: \"Filtrar revistas\"\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"# \"DATA: Instituciones que publican en 20 revistas\"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"viewof selectedCitationJournals = Inputs.checkbox(\n (journalCitationData.children || []).map(d => d.name),\n {\n value: (journalCitationData.children || []).map(d => d.name),\n label: \"Filtrar revistas en el gráfico de concentración de citas\"\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 2c:"$2b:body"