29:null 2a:["$","title",null,{"children":"Notebook Coding: cuadernos de indicadores biblométricos para revistas en OJS-OpenAlex | Kevin Gutierrez | Observable"}] 2f:T2438,

# **Notebook Coding: Notebooks with Bibliometric Metrics for Journals on OJS - OpenAlex**
# **Kevin Amilcar Hernández Gutierrez**¹
¹ [Universidad Centroamericana José Simeón Cañas (UCA)](https://ror.org/02bhgkk43)
[![Observable](https://img.shields.io/badge/Observable-Ver%20cuaderno-FF7F0E?style=for-the-badge&logo=observable&logoColor=white)](https://observablehq.com/d/cff3d60368bf6eee@372) [![GitHub](https://img.shields.io/badge/GitHub-Repositorio-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Kahernandezg/Notebook-coding-bibliometric) [![ORCID](https://img.shields.io/badge/ORCID-0009--0005--6780--1106-A6CE39?style=for-the-badge&logo=orcid&logoColor=white)](https://orcid.org/0009-0005-6780-1106) [![ROR](https://img.shields.io/badge/ROR-UCA-1B7F79?style=for-the-badge&logo=readme&logoColor=white)](https://ror.org/02bhgkk43) [![MIT License](https://img.shields.io/badge/Licencia-MIT-007EC6?style=for-the-badge&logo=opensourceinitiative&logoColor=white)](https://opensource.org/license/mit)
**Bibliometrics · Open source · OpenAlex · Observable notebooks · Open Journal Systems (OJS) · JavaScript · DataViz**
[![DOI](https://img.shields.io/badge/DOI-10.6084/m9.figshare.33107114-blue?style=for-the-badge&logo=doi&logoColor=white)](https://doi.org/10.6084/m9.figshare.33107114)

--- ## Resumen Este proyecto desarrolla un cuaderno interactivo para explorar y comunicar indicadores bibliométricos de revistas académicas gestionadas con Open Journal Systems (OJS), utilizando datos abiertos de [OpenAlex](https://openalex.org/). Su propósito es facilitar un análisis transparente, reutilizable y visualmente accesible de la producción científica, la citación, la colaboración y las prácticas de ciencia abierta de una revista. El cuaderno integra consultas a la API de OpenAlex con visualizaciones interactivas construidas en Observable y D3. Los resultados deben interpretarse como una fotografía de los registros disponibles en OpenAlex en el momento de cada consulta. ## Funcionalidades principales - Recuperación de datos bibliográficos desde OpenAlex para una fuente o revista identificada. - Evolución anual de publicaciones y citas. - Identificación de los artículos más citados. - Distribución de publicaciones asociadas a los Objetivos de Desarrollo Sostenible (ODS). - Indicadores de cobertura de DOI, ORCID y acceso abierto. - Exploración de procedencia geográfica de las citas y colaboración por autores, países e instituciones. - Visualización de productividad autoral y comparación descriptiva con la ley de Lotka. ## Visualizaciones incluidas | Visualización | Propósito | |---|---| | **Series temporales** | Mostrar la producción y las citas anuales de la revista. | | **Barras horizontales** | Comparar artículos más citados y coberturas de DOI, ORCID y acceso abierto. | | **Matriz ODS** | Identificar la presencia de publicaciones vinculadas a los 17 ODS. | | **Distribución geográfica de citas** | Presentar los países de las instituciones citantes. | | **Gráfico logarítmico de Lotka** | Explorar la distribución de productividad de autores. | | **Diagramas de burbujas** | Representar autores, países e instituciones según volumen de publicaciones. | ## Cómo ejecutar el cuaderno exportado El cuaderno puede consultarse directamente en [Observable](https://observablehq.com/d/cff3d60368bf6eee@372). Para ejecutar una exportación local, sirva la carpeta con un servidor web: ```bash npx http-server ``` Después, abra la dirección local indicada por el servidor en el navegador. También puede integrarse en otra aplicación mediante el runtime de Observable: ```bash npm install @observablehq/runtime ``` ## Datos y reproducibilidad Los indicadores se calculan a partir de datos recuperados desde la API de OpenAlex. Dado que OpenAlex se actualiza continuamente, una misma consulta puede producir resultados distintos en fechas diferentes. Para análisis reproducibles, se recomienda registrar la fecha y hora de consulta, conservar la respuesta original de la API y documentar el identificador de la fuente analizada. ## Cita recomendada Mientras el proyecto se encuentra en preparación para evaluación abierta y no dispone de DOI, puede citarse de la siguiente manera: ```bibtex @software{Gutierrez2026Bibliometricos, author = {Gutiérrez, Kevin}, title = {Notebook Coding: cuadernos de indicadores bibliométricos para revistas en OJS-OpenAlex}, year = {2026}, url ={https://doi.org/10.6084/m9.figshare.33107114}, note = {Software de investigación en proceso de evaluación par abierta} } ``` ## Licencia Este cuaderno y su repositorio se distribuyen bajo la [licencia MIT](LICENSE.txt). Esta licencia permite usar, copiar, modificar, fusionar, publicar, distribuir, sublicenciar y vender el software, siempre que se conserve el aviso de copyright y de licencia. ---

**Cuaderno:** [Observable](https://old.observablehq.com/@kahernandezg/notebook-coding-cuadernos-de-indicadores-biblometr) · **Repositorio:** [GitHub](https://github.com/Kahernandezg/Notebook-coding-bibliometric) · **Autor:** [GitHub](https://github.com/Kahernandezg) · **ORCID:** [0009-0005-6780-1106](https://orcid.org/0009-0005-6780-1106) · **Institución:** [UCA / ROR](https://ror.org/02bhgkk43)

# Documentación de celdas — Notebook Coding (caso REDC) Referencia celda por celda del cuaderno de Observable: qué endpoint consulta, con qué filtro, qué calcula, y qué celda de gráfico la consume. | Celda de datos | Endpoint / parámetro clave | Filtro base | Qué calcula | Celda(s) de gráfico que la consume | |---|---|---|---|---| | `sourceData` | `GET /sources/{id}` | — | Registro fuente completo (`summary_stats`, `counts_by_year`) | `serieAnual` (indirecta) y `_26` (tarjetas h-index/i10-index/citación media) | | `serieAnual` | (derivada de `sourceData`) | — | Producción y citas por año, `year >= 2016` | `_7` (Plot: producción anual) y `_8` (Plot: citas por año) | | `allWorks` | `GET /works` + `cursor` | `primary_location.source.id:{id}` | Corpus completo paginado | Alimenta a `topCitados`, `obrasCitadasTop` y `productividadAutores` (no se grafica directamente) | | `topCitados` | (derivada de `allWorks`) | — | Top 10 por `cited_by_count` | `_11` (Plot: top 10 artículos más citados) | | `sdgData` | `GET /works?group_by=sustainable_development_goals.id` | `primary_location.source.id:{id}` | Conteo de artículos por ODS | `chartODS` (heatmap D3 hecho a mano, con paleta e íconos oficiales de los 17 ODS) | | `doiData` | `GET /works?group_by=has_doi` | `primary_location.source.id:{id}` | % con/sin DOI | `_16` (Plot: cobertura de DOI) | | `orcidData` | `GET /works?group_by=has_orcid` | `primary_location.source.id:{id}` | % con/sin ORCID | `_18` (Plot: cobertura de ORCID) | | `oaData` | `GET /works?group_by=open_access.oa_status` | `primary_location.source.id:{id}` | Distribución gold/green/hybrid/bronze/closed | `_20` (Plot: estado de acceso abierto) | | `obrasCitadasTop` | (derivada de `allWorks`) | — | Top 50 por citas | Alimenta a `citacionesInfo` (no se grafica directamente) | | `citacionesInfo` | `GET /works?filter=cites:{workId}` ×50 | `cites:{id}` | Autocitación + país de la institución citante | `_23` (Plot: procedencia de las citas) y `_26` (tarjeta de % de autocitación) | | `productividadAutores` | (derivada de `allWorks`) | — | Conteo de autores por Nº de artículos | `chartLotka` (Plot log-log: observado vs. Ley de Lotka) | | `authorData` | `GET /works?group_by=authorships.author.id` | `primary_location.source.id:/{id}`| Top autores por Nº de publicaciones | `chartAuthors` (bubble pack D3) | | `countryData` | `GET /works?group_by=authorships.countries` | `primary_location.source.id:/{id}`| Distribución por país de afiliación | `chartCountries` (bubble pack D3) | | `data` (instituciones) | `GET /works?group_by=authorships.institutions.lineage` | `primary_location.source.id:{id}` | Concentración institucional | `chartInstitutions` (bubble pack D3) | | — | `GET /sources/{id}?select=...` (propio, sin cola) | — | Recalcula producción/citas por año con D3 manual | `chart` (celda legada, autocontenida — duplica `_7`/`_8`) | ## Notas - `sourceData`, `allWorks`, `obrasCitadasTop` y `productividadAutores` son celdas **intermedias**: no tienen un gráfico propio, solo alimentan a otras celdas de datos o de visualización. - `_26` es la única celda de visualización que depende de **dos** fuentes de datos a la vez (`sourceData` y `citacionesInfo`). - ⚠️ `authorData` y `countryData` usan `primary_location.source.id:/{id}` (con una `/` de más) en vez de `primary_location.source.id:{id}`, a diferencia de las demás celdas que filtran por la revista. - `authorData`, `countryData`, `data` y la celda `chart` hacen `fetch()` directo con su propia copia de `API_KEY`/`MAILTO`, en vez de pasar por `openAlexFetch`/`openAlexQueue` como el resto de celdas. -----
![FAIR — Indicador de Madurez en Ciencia Abierta](https://raw.githubusercontent.com/Kahernandezg/Notebook-coding-bibliometric/main/figures/Fair.png)30: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("REDC · 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(); }31:T433,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/s6910135"; 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) }; }32:T5dc,Plot.plot({ title: "Procedencia de las citas — REDC", 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: "#234A80", 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 } ) ] })33: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 REDC", 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: "#8b5e3c", strokeWidth: 2, strokeDasharray: "6,4" }), Plot.line(datos, { x: "articulos", y: "autores", stroke: "#9f1d2d", strokeWidth: 2, strokeOpacity: 0.8 }), Plot.dot(datos, { x: "articulos", y: "autores", r: 5, fill: "#9f1d2d", 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 } ) ] }); }34:T2190,chart = { const d3 = await require("d3@7"); const url = "https://api.openalex.org/sources/s6910135?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 = 960; const height = 430; const margin = { top: 92, 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(17,24,39,.96)") .style("color", "white") .style("font-size", "12.5px") .style("line-height", 1.5) .style("box-shadow", "0 8px 24px rgba(0,0,0,.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", "Revista Española de Documentación Científica", "#c41e3a", "Publicaciones indexadas", "works" ), createChart( "citations", "Citas recibidas por año", "Citas anuales registradas en OpenAlex para Revista Española de Documentación Científica", "#6b7280", "Citas recibidas", "citations" ) ); return container; }35:T46e,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:/s6910135" ); 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: "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) }; }36:Tcc8,chartAuthors = { const width = 1000; const height = width; const margin = 1; const format = d3.format(",d"); /* Fondo neutro con una leve tonalidad azul */ const backgroundColor = "#F7F9FC"; /* 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 = [ "#B2182B", /* Rojo oscuro */ "#D6604D", /* Rojo medio */ "#E8897E", /* Rojo claro */ "#C0392B", /* Rojo intenso */ "#A93226", /* Rojo vino */ "#2166AC", /* Azul oscuro */ "#4393C3", /* Azul medio */ "#67A9CF", /* Azul claro */ "#2E86C1", /* Azul intenso */ "#1F4E79", /* Azul profundo */ "#8E3B46", /* Rojo grisáceo */ "#5B8DB8", /* Azul grisáceo */ "#C85A54", /* Rojo coral */ "#3D6D99", /* Azul acero */ "#A94442", /* Rojo terracota */ "#4C78A8" /* Azul institucional */ ]; 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(); }37:T4b3,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:/s6910135" ); 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) }; }38:Tbd5,chartCountries = { const width = 1000; const height = width; const margin = 1; const format = d3.format(",d"); const backgroundColor = "#F7F9FC"; /* 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 = [ "#B2182B", /* Rojo oscuro */ "#D6604D", /* Rojo medio */ "#E8897E", /* Rojo claro */ "#C0392B", /* Rojo intenso */ "#A93226", /* Rojo vino */ "#2166AC", /* Azul oscuro */ "#4393C3", /* Azul medio */ "#67A9CF", /* Azul claro */ "#2E86C1", /* Azul intenso */ "#1F4E79", /* Azul profundo */ "#8E3B46", /* Rojo grisáceo */ "#5B8DB8", /* Azul grisáceo */ "#C85A54", /* Rojo coral */ "#3D6D99", /* Azul acero */ "#A94442", /* Rojo terracota */ "#4C78A8" /* Azul institucional */ ]; 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(); }39:Td03,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 = "#F7F9FC"; const parentColor = "#E8EEF5"; const parentStroke = "#9AAFC4"; const institutionPalette = [ "#B2182B", "#D6604D", "#E8897E", "#C0392B", "#A93226", "#2166AC", "#4393C3", "#67A9CF", "#2E86C1", "#1F4E79", "#8E3B46", "#5B8DB8", "#C85A54", "#3D6D99", "#A94442", "#4C78A8" ]; 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(); }3a:[] 2d:{"id":"cff3d60368bf6eee","slug":"notebook-coding-cuadernos-de-indicadores-biblometr","title":"Notebook Coding: cuadernos de indicadores biblométricos para revistas en OJS-OpenAlex","thumbnail":"a75247b51224cc8ba103e4629c7e73dc40772fef94733651537ca87c52cae13f","access_level":"public","create_time":"$D2026-08-31T20:09:29.487Z","update_time":"$D2026-09-25T15:56:20.922Z","view_time":null,"first_public_time":"$D2026-08-31T21:44:57.368Z","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":618,"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":0,"collection":null,"type":"notebook","body":{"title":"Notebook Coding: cuadernos de indicadores biblométricos para revistas en OJS-OpenAlex","cells":[{"id":0,"value":"# Notebook Coding: cuadernos de indicadores biblométricos para revistas en OJS-OpenAlex","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":593,"value":"$2f","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":450,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":456,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":162,"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":164,"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":166,"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":168,"value":"sourceData = openAlexFetch(\"https://api.openalex.org/sources/s6910135\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"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":172,"value":"Plot.plot({\n title: \"Índice de producción anual — Revista española de Documentación Científica\",\n subtitle: `Fuente: OpenAlex · actualizado automáticamente (${new Date().toLocaleDateString(\"es-SV\")})`,\n width: 800,\n x: {label: \"Año\", tickFormat: \"d\"},\n y: {label: \"Documentos publicados\", grid: true},\n marks: [\n Plot.line(serieAnual, {x: \"year\", y: \"publicaciones\", stroke: \"#b02a2a\", strokeWidth: 2}),\n Plot.dot(serieAnual, {x: \"year\", y: \"publicaciones\", fill: \"#b02a2a\"}),\n Plot.text(serieAnual, {x: \"year\", y: \"publicaciones\", text: \"publicaciones\", dy: -12})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"Plot.plot({\n title: \"Citas por año — Revista Española de Documentación Científica\",\n subtitle: \"Fuente: OpenAlex\",\n width: 800,\n x: {label: \"Año\", tickFormat: \"d\"},\n y: {label: \"Citas recibidas\", grid: true},\n marks: [\n Plot.line(serieAnual, {x: \"year\", y: \"citas\", stroke: \"#2c3e50\", strokeWidth: 2}),\n Plot.dot(serieAnual, {x: \"year\", y: \"citas\", fill: \"#2c3e50\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"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:s6910135&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":178,"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":180,"value":"Plot.plot({\n title: \"Top 10 artículos más citados — REDC (OpenAlex)\",\n width: 900,\n marginLeft: 390,\n x: {label: \"Citas\"},\n y: {label: null},\n marks: [\n Plot.barX(topCitados, {x: \"citas\", y: \"titulo\", sort: {y: \"-x\"}, fill: \"#b02a2a\"}),\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":182,"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:s6910135\"\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":299,"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":184,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"doiData = {\n const json = await openAlexFetch(\"https://api.openalex.org/works?group_by=has_doi&filter=primary_location.source.id:s6910135\");\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":191,"value":"Plot.plot({\n title: \"Cobertura de DOI — REDC\",\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: 10})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"orcidData = {\n const json = await openAlexFetch(\"https://api.openalex.org/works?group_by=has_orcid&filter=primary_location.source.id:s6910135\");\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":195,"value":"Plot.plot({\n title: \"Cobertura de ORCID — REDC\",\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: 10})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"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":199,"value":"Plot.plot({\n title: \"Estado de Acceso Abierto — REDC\",\n subtitle: \"1,053 artículos disponibles en acceso abierto diamond y 206 green 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":201,"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":203,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"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":209,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"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":221,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"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:s6910135\" +\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: \"REDC\",\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":246,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 2e:"$2d:body"