2f:Ta74,# Red Bibliométrica de Revistas en Bibliotecología y Ciencias de la Información-Versión 1.0.0 Esta visualización presenta un mapeo continental de revistas en Bibliotecología y Ciencias de la Información (LIS), construido a partir de datos curados, procesados y revisados desde OpenAlex. El objetivo es ofrecer una herramienta interactiva para explorar relaciones entre revistas, editoriales, regiones geográficas y niveles de acceso abierto. ## Descripción La visualización está desarrollada en ObservableHQ y utiliza D3 para construir una red interactiva de revistas. A través de filtros dinámicos, el usuario puede explorar los datos según editorial, región, acceso abierto, citas y tamaño del nodo. ## Flujo de datos El flujo comienza con `workbook`, que lee el archivo Excel. Luego `rawData` extrae la hoja de cálculo como tabla y `openAlexData` limpia los datos para convertirlos en objetos usables. A partir de ahí, `publisherList` genera la lista única de editoriales para alimentar `publisherFilter`. Junto con `regionFilter`, `oaFilter`, `citFilter` y `sizeMetric`, estos controles conforman el panel interactivo de filtros. `filteredData` aplica los filtros seleccionados por el usuario. Después, `graphData` construye los nodos y enlaces del grafo, conectando revistas de la misma editorial o región. `colorRegion`, `oaColor` y `oaLabel` asignan colores y etiquetas según la región y el nivel de acceso abierto. Finalmente, `chart` renderiza el grafo completo con D3, incluyendo leyenda, tooltip, zoom y búsqueda por título de revista. ## Funcionalidades - Exploración interactiva de revistas. - Filtros por editorial, región, acceso abierto y citas. - Visualización de nodos y enlaces en red. - Tooltips informativos al pasar el mouse. - Función de zoom y búsqueda por título. ## Fuente de datos Los datos provienen de **OpenAlex**, una base bibliométrica abierta que permite recuperar metadatos de revistas, artículos, autores e instituciones. ## Estado del proyecto Este proyecto se encuentra en una **versión inicial** y forma parte de una línea de investigación personal sobre el análisis bibliométrico y la visualización de redes de revistas LIS. ## Licencia **LICENCIA PÚBLICA GENERAL DE GNU** Versión 3, 29 de junio de 2007 Copyright (C) 2007 Free Software Foundation, Inc. Se permite a todo el mundo copiar y distribuir copias literales de este documento de licencia, pero no está permitido modificarlo. Preámbulo La Licencia Pública General GNU es una licencia libre de copyleft para software y otros tipos de obras. 30:T84f,rawData = { const sheet = workbook.sheet(0, {headers: true}); const rows = await sheet; const cc2reg = {US:"América",CA:"América",MX:"América",BR:"América",AR:"América",CL:"América",CO:"América",PE:"América",EC:"América",CR:"América",UR:"América",UK:"Europa",DE:"Europa",FR:"Europa",ES:"Europa",IT:"Europa",NL:"Europa",AW:"Europa",BE:"Europa",PL:"Europa",CZ:"Europa",HU:"Europa",SE:"Europa",EE:"Europa",LT:"Europa",RU:"Europa",PT:"Europa",CH:"Asia",CN:"Asia",IN:"Asia",JP:"Asia",KR:"Asia",TW:"Asia",ID:"Asia",PK:"Asia",IR:"Asia",TR:"Asia",SG:"Asia",MY:"Asia",AU:"Oceanía",NG:"África",UA:"Europa",HR:"Europa",SI:"Europa",BG:"Europa",SU:"Europa"}; // Función corregida para parsear OA function parseOA(val) { if (val === null || val === undefined || val === "") return 0; const s = String(val).trim(); // Si tiene %, quitarlo y convertir if (s.includes("%")) { const num = parseFloat(s.replace("%", "")); return isNaN(num) ? 0 : num; } // Si es exactamente "1" → 100% (revista 100% OA) if (s === "1" || s === "1.0") return 100; // Si es exactamente "0" → 0% if (s === "0" || s === "0.0") return 0; // Si es un decimal pequeño (0.01 - 0.99) → probablemente es porcentaje en formato decimal const num = parseFloat(s); if (!isNaN(num) && num > 0 && num < 1) return num * 100; // Si es un número > 1 sin % → asumir que ya es porcentaje if (!isNaN(num) && num >= 1) return num; return 0; } return rows.slice(1).filter(d => d["Source title"] && d["Source title"] !== "Source title") .map(d => ({ name: d["Source title"], publisher: d["Publisher"] || "N/A", indexed: d["indexed in OpenAlex"] || "NO", docs: +d["Documents"] || 0, citations: +d["Citations"] || 0, hindex: +d["H-index"] || 0, oa: parseOA(d["oa_apc"]), country: d["Country"] || "Desconocido", cc: (d["code_country"] || "XX").toString().toUpperCase(), region: cc2reg[(d["code_country"] || "XX").toString().toUpperCase()] || "Otro" })) .filter(d => d.citations > 0 || d.docs > 0); }31:T41e,graphData = { const nodes = filteredData.map((d, i) => ({ ...d, index: i })); const links = []; const pub = {}; const reg = {}; nodes.forEach(n => { // Protección: asegurar que publisher y region existan const publisher = n.publisher || "Sin editorial"; const region = n.region || "Otro"; if (!pub[publisher]) pub[publisher] = []; pub[publisher].push(n.index); if (!reg[region]) reg[region] = []; reg[region].push(n.index); }); // Links por publisher Object.values(pub).forEach(g => { for (let i = 0; i < g.length; i++) { for (let j = i + 1; j < g.length; j++) { links.push({ source: g[i], target: g[j], type: "pub" }); } } }); // Links por región (muestreo aleatorio) Object.values(reg).forEach(g => { for (let i = 0; i < g.length; i++) { for (let j = i + 1; j < g.length; j++) { if (Math.random() < 0.08) { links.push({ source: g[i], target: g[j], type: "reg" }); } } } }); return { nodes, links }; }32:T2e1e,chart = { const w = 1100, h = 900; const totalJournals = openAlexData.length; const visibleJournals = graphData.nodes.length; const container = document.createElement("div"); container.style.width = w + "px"; container.style.height = h + "px"; container.style.background = "#ffffff"; container.style.border = "1px solid #d1d5db"; container.style.borderRadius = "8px"; container.style.position = "relative"; container.style.overflow = "hidden"; container.style.fontFamily = "'Source Serif 4', Georgia, 'Times New Roman', serif"; container.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)"; const filterPanel = document.createElement("div"); filterPanel.style.cssText = "position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid #e2e8f0;padding:12px 20px;z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;"; filterPanel.innerHTML = `

Red Bibliométrica

Total: ${totalJournals} Journals

Visibles: ${visibleJournals}

🔍

Arrastrar Zoom Hover

`; container.appendChild(filterPanel); const graphArea = document.createElement("div"); graphArea.style.width = w + "px"; graphArea.style.height = (h - 58) + "px"; graphArea.style.marginTop = "58px"; graphArea.style.position = "relative"; container.appendChild(graphArea); const svg = d3.select(graphArea).append("svg") .attr("width", w) .attr("height", h - 58) .attr("viewBox", [0, 0, w, h - 58]) .style("background", "#ffffff"); const g = svg.append("g"); svg.call(d3.zoom().scaleExtent([0.15, 4]).on("zoom", e => g.attr("transform", e.transform))); const nodes = graphData.nodes; const links = graphData.links; const metric = sizeMetric; const maxVal = d3.max(nodes, n => n[metric]) || 1; const r = d3.scaleSqrt().domain([0, maxVal]).range([2.5, 22]); const sim = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(n => n.index).distance(l => l.type === "pub" ? 25 : 70).strength(0.3)) .force("charge", d3.forceManyBody().strength(n => -40 - r(n[metric]))) .force("center", d3.forceCenter(w / 2, (h - 58) / 2)) .force("collide", d3.forceCollide().radius(n => r(n[metric]) + 2).iterations(2)) .force("x", d3.forceX(w / 2).strength(0.03)) .force("y", d3.forceY((h - 58) / 2).strength(0.03)); const linkSel = g.append("g") .attr("stroke", "#234a80") .attr("stroke-opacity", 0.2) .selectAll("line") .data(links) .join("line") .attr("stroke-width", l => l.type === "pub" ? 0.6 : 0.3); const nodeSel = g.append("g").selectAll("g").data(nodes).join("g").attr("cursor", "pointer"); nodeSel.append("circle") .attr("class", "halo") .attr("r", n => r(n[metric]) + (n.oa > 50 ? 3.5 : n.oa > 20 ? 2 : 1.5)) .attr("fill", "none") .attr("stroke", n => n.oa > 50 ? "#2d8a4e" : n.oa > 20 ? "#c9a227" : "#b02e2e") .attr("stroke-width", 1.2) .attr("stroke-opacity", 0.5) .attr("stroke-dasharray", n => n.oa > 50 ? "none" : n.oa > 20 ? "3,2" : "2,2"); nodeSel.append("circle") .attr("class", "core") .attr("r", n => r(n[metric])) .attr("fill", n => colorRegion(n.region)) .attr("stroke", "#ffffff") .attr("stroke-width", 1) .attr("opacity", 0.88); const labelThreshold = metric === "citations" ? 60000 : metric === "docs" ? 4000 : 60; const labelSel = g.append("g").selectAll("text") .data(nodes.filter(n => n[metric] > labelThreshold)) .join("text") .text(n => n.name.length > 32 ? n.name.slice(0, 30) + "…" : n.name) .attr("font-size", n => Math.max(7, r(n[metric]) * 0.3)) .attr("fill", "#1e293b") .attr("text-anchor", "middle") .attr("dy", n => r(n[metric]) + 11) .attr("font-family", "'Source Serif 4', Georgia, serif") .attr("font-weight", 600) .attr("pointer-events", "none") .style("text-shadow", "0 1px 2px rgba(255,255,255,0.95), 0 0 4px rgba(255,255,255,0.8)"); const tip = d3.select(container).append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "#ffffff") .style("border", "1px solid #d1d5db") .style("border-radius", "6px") .style("padding", "12px 16px") .style("font-family", "'Source Serif 4', Georgia, serif") .style("font-size", "11px") .style("line-height", "1.6") .style("box-shadow", "0 8px 30px rgba(0,0,0,0.12)") .style("max-width", "300px") .style("z-index", "100") .style("pointer-events", "none"); function highlightSearch(query) { const q = query.toLowerCase().trim(); let matchCount = 0; nodeSel.each(function(n) { const sel = d3.select(this); const matches = q === "" || n.name.toLowerCase().includes(q); if (matches) matchCount++; sel.select(".core") .attr("opacity", matches ? (q === "" ? 0.88 : 1) : 0.15) .attr("stroke", matches ? (q === "" ? "#ffffff" : "#111827") : "#ffffff") .attr("stroke-width", matches ? (q === "" ? 1 : 2) : 1); sel.select(".halo") .attr("stroke-opacity", matches ? (q === "" ? 0.5 : 0.9) : 0.08) .attr("stroke-width", matches ? (q === "" ? 1.2 : 2.5) : 0.8); }); linkSel.attr("stroke-opacity", q === "" ? 0.2 : 0.05); labelSel.attr("opacity", q === "" ? 1 : 0.3); const visibleBadge = filterPanel.querySelector("#visible-count"); if (visibleBadge) visibleBadge.textContent = q === "" ? visibleJournals : matchCount; } nodeSel.on("mouseover", function(event, n) { const oaColorVal = n.oa > 50 ? "#2d8a4e" : n.oa > 20 ? "#c9a227" : "#b02e2e"; tip.style("visibility", "visible").html(`

${n.name}

${n.publisher} · ${n.country}

📄 Docs:${n.docs.toLocaleString()} 📊 Citas:${n.citations.toLocaleString()} ⭐ H-index:${n.hindex} 🔓 OA:${oaLabel(n)} (${n.oa}%) 🌍 Región:${n.region} ✅ OpenAlex:${n.indexed}

${n.openalex_id ? `

OpenAlex: ${n.openalex_id.split('/').pop()}

` : ''} `); d3.select(this).select(".core").attr("opacity", 1).attr("stroke", "#111827").attr("stroke-width", 2); d3.select(this).select(".halo").attr("stroke-opacity", 0.9).attr("stroke-width", 2); }) .on("mousemove", function(event) { const rect = container.getBoundingClientRect(); tip.style("top", (event.clientY - rect.top + 10) + "px").style("left", (event.clientX - rect.left + 12) + "px"); }) .on("mouseout", function(event, n) { tip.style("visibility", "hidden"); const searchVal = filterPanel.querySelector("#search-input")?.value || ""; const isMatch = searchVal.trim() === "" || n.name.toLowerCase().includes(searchVal.toLowerCase()); d3.select(this).select(".core").attr("opacity", isMatch ? 0.88 : 0.15).attr("stroke", isMatch ? "#ffffff" : "#ffffff").attr("stroke-width", 1); d3.select(this).select(".halo").attr("stroke-opacity", isMatch ? 0.5 : 0.08).attr("stroke-width", 1.2); }); setTimeout(() => { const searchInput = filterPanel.querySelector("#search-input"); if (searchInput) { searchInput.addEventListener("input", (e) => highlightSearch(e.target.value)); searchInput.addEventListener("keydown", (e) => { if (e.key === "Escape") { searchInput.value = ""; highlightSearch(""); } }); } }, 0); sim.on("tick", () => { linkSel.attr("x1", l => l.source.x).attr("y1", l => l.source.y).attr("x2", l => l.target.x).attr("y2", l => l.target.y); nodeSel.attr("transform", n => `translate(${n.x},${n.y})`); labelSel.attr("x", n => n.x).attr("y", n => n.y); }); const legend = svg.append("g").attr("transform", "translate(14, 14)"); legend.append("rect").attr("width", 175).attr("height", 200).attr("rx", 6).attr("fill", "rgba(255,255,255,0.96)").attr("stroke", "#e2e8f0").attr("stroke-width", 0.5); legend.append("text").attr("x", 12).attr("y", 20).text("Región").attr("font-weight", 700).attr("font-size", 11).attr("fill", "#1e293b").attr("font-family", "'Source Serif 4', Georgia, serif"); ["América", "Europa", "Asia", "Oceanía", "África", "Otro"].forEach((reg, i) => { legend.append("circle").attr("cx", 20).attr("cy", 36 + i * 20).attr("r", 5).attr("fill", colorRegion(reg)); legend.append("text").attr("x", 32).attr("y", 40 + i * 20).text(reg).attr("font-size", 10).attr("fill", "#374151").attr("font-family", "'Source Serif 4', Georgia, serif"); }); legend.append("text").attr("x", 12).attr("y", 162).text("Acceso Abierto").attr("font-weight", 700).attr("font-size", 11).attr("fill", "#1e293b").attr("font-family", "'Source Serif 4', Georgia, serif"); [ {t: "Alto (>50%)", c: "#2d8a4e", dash: "none"}, {t: "Medio (20–50%)", c: "#c9a227", dash: "3,2"}, {t: "Bajo (<20%)", c: "#b02e2e", dash: "2,2"} ].forEach((item, i) => { legend.append("circle").attr("cx", 20).attr("cy", 176 + i * 14).attr("r", 4).attr("fill", "none").attr("stroke", item.c).attr("stroke-width", 1.5).attr("stroke-dasharray", item.dash); legend.append("text").attr("x", 30).attr("y", 180 + i * 14).text(item.t).attr("font-size", 9).attr("fill", "#4b5563").attr("font-family", "'Source Serif 4', Georgia, serif"); }); return container; }33:[{"id":"d860c44459aae3de5fd8a9244df0ef29deb872cfd740b77b839c365c22e0d8964c21446dfbf1f89d547cf93c4c5854772083faffc06b5de03619ed705085ae5d","href":"https://static.observableusercontent.com/files/d860c44459aae3de5fd8a9244df0ef29deb872cfd740b77b839c365c22e0d8964c21446dfbf1f89d547cf93c4c5854772083faffc06b5de03619ed705085ae5d","name":"340-source-library_and_information_science-results (1).xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1780434309664.718,"size":59339}] 2d:{"title":"Red Bibliométrica de Revistas en Bibliotecología y Ciencias de la Información-Versión 1.0.0","cells":[{"id":0,"value":"$2f","pinned":false,"hidden":false,"mode":"md"},{"id":132,"value":"\n| Componente | Función |\n|---|---|\n| `workbook` | Lee el archivo Excel. |\n| `rawData` | Extrae la hoja de cálculo como tabla. |\n| `openAlexData` | Limpia los datos y los convierte en objetos usables. |\n| `publisherList` | Obtiene la lista única de editoriales. |\n| `publisherFilter` | Muestra el selector de editorial. |\n| `regionFilter` | Permite filtrar por región. |\n| `oaFilter` | Permite filtrar por nivel de acceso abierto. |\n| `citFilter` | Permite filtrar por citas. |\n| `sizeMetric` | Define la métrica para el tamaño de los nodos. |\n| `filteredData` | Aplica todos los filtros seleccionados. |\n| `graphData` | Construye los nodos y enlaces del grafo. |\n| `colorRegion` | Asigna un color a cada región. |\n| `oaColor` | Define el color del borde según el nivel de acceso abierto. |\n| `oaLabel` | Genera la etiqueta textual del acceso abierto. |\n| `chart` | Dibuja el grafo con D3, incluyendo leyenda, tooltip, zoom y búsqueda. |","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"workbook = FileAttachment(\"340-source-library_and_information_science-results (1).xlsx\").xlsx()","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"workbook.sheetNames","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"data = workbook.sheet(0, {\n headers: false,\n // range: \"A1:J10\"\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"data","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"openAlexData = {\n const out = [];\n for (const d of rawData) {\n try {\n const res = await fetch(`https://api.openalex.org/sources?filter=display_name.search:${encodeURIComponent(d.name)}&per-page=1&mailto=observable@user.com`);\n const j = await res.json();\n const s = j.results?.[0];\n out.push({...d, oa_alex: s?.is_oa ?? null, works_alex: s?.works_count ?? d.docs, cited_alex: s?.cited_by_count ?? d.citations, h_alex: s?.summary_stats?.h_index ?? d.hindex, apc: s?.apc_usd ?? null, openalex_id: s?.id ?? null});\n } catch(e) { out.push({...d, oa_alex: null, works_alex: d.docs, cited_alex: d.citations, h_alex: d.hindex, apc: null, openalex_id: null}); }\n await new Promise(r => setTimeout(r, 60));\n }\n return out;\n}","pinned":true,"hidden":true,"mode":"ojs"},{"id":25,"value":"filteredData = {\n let d = openAlexData;\n \n if (!Array.isArray(d)) return [];\n \n if (regionFilter && regionFilter !== \"Todas\") {\n d = d.filter(x => x.region === regionFilter);\n }\n \n if (oaFilter === \"Alto OA (>50%)\") {\n d = d.filter(x => x.oa > 50);\n } else if (oaFilter === \"Medio OA (20–50%)\") {\n d = d.filter(x => x.oa >= 20 && x.oa <= 50);\n } else if (oaFilter === \"Bajo OA (<20%)\") {\n d = d.filter(x => x.oa < 20);\n }\n \n // === FILTRO POR EDITORIAL (SELECT) ===\n if (publisherFilter && publisherFilter !== \"Todas\") {\n d = d.filter(x => x.publisher && x.publisher.trim() === publisherFilter);\n }\n \n d = d.filter(x => x.citations >= citFilter);\n \n return d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"publisherList = {\n if (!openAlexData || !Array.isArray(openAlexData)) return [];\n \n const publishers = openAlexData\n .map(d => d.publisher)\n .filter(p => p && typeof p === \"string\")\n .map(p => p.trim())\n .filter(p => p.length > 0);\n \n return [...new Set(publishers)].sort((a, b) => a.localeCompare(b, 'es', { sensitivity: 'base' }));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof publisherFilter = Inputs.select(\n [\"Todas\", ...publisherList],\n { \n label: \"Editorial\", \n value: \"Todas\",\n format: x => x === \"Todas\" ? \"Todas las editoriales\" : x\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"viewof regionFilter = Inputs.select([\"Todas\", \"América\", \"Europa\", \"Asia\", \"Oceanía\", \"África\", \"Otro\"], {label: \"Región\", value: \"Todas\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"viewof oaFilter = Inputs.select([\"Todas\", \"Alto OA (>50%)\", \"Medio OA (20–50%)\", \"Bajo OA (<20%)\"], {label: \"Acceso Abierto\", value: \"Todas\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"viewof citFilter = Inputs.range([0, 300000], {step: 5000, label: \"Mín. citaciones\", value: 0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"viewof sizeMetric = Inputs.select([\"citations\", \"docs\", \"hindex\"], {label: \"Tamaño por\", value: \"citations\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"colorRegion = d3.scaleOrdinal()\n .domain([\"América\", \"Europa\", \"Asia\", \"Oceanía\", \"África\", \"Otro\"])\n .range([\"#1f4e79\", \"#c55a11\", \"#548235\", \"#7030a0\", \"#bf9000\", \"#7f7f7f\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"oaColor = d => d.oa > 50 ? \"#2d8a4e\" : d.oa > 20 ? \"#c9a227\" : \"#b02e2e\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"oaLabel = d => d.oa > 50 ? \"Alto\" : d.oa > 20 ? \"Medio\" : \"Bajo\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}