2f:Td3b,

¿Qué es esta visualización?

Esta red bibliométrica interactiva representa el ecosistema de revistas científicas en el campo de la Bibliotecología y Ciencia de la Información, utilizando datos abiertos de OpenAlex (la mayor base de datos bibliográfica abierta del mundo, sucesora de Microsoft Academic).

Componentes de la Red

Nodos (Revistas)

Tamaño: Proporcional al número de citas recibidas (impacto académico).
Color interior: Indica la región geográfica (América, Europa, Asia, Oceanía, África).
Anillo exterior: Nivel de Acceso Abierto:
- Verde = 100%
- Amarillo = 50–99%
- Naranja = 1–49%
- Gris = 0%

Enlaces (Conexiones)

El grosor de los enlaces varía según el tipo de relación:

Editorial común (más grueso).
País de origen compartido.
Región geográfica compartida.

Filtros Disponibles

Filtro	Función
🔍 Búsqueda	Filtra por título de revista, país o editorial.
🌍 Región	Muestra solo revistas de un continente específico.
🔓 Acceso Abierto	Filtra por nivel de apertura (Diamond, Híbrido, Cerrado).

Métricas Mostradas

Total Revistas: Número de títulos visualizados.
Documentos: Suma de artículos publicados.
Citas totales: Impacto académico acumulado.
Impacto promedio: Citas por documento (factor de impacto alternativo).
Revistas OA 100%: Conteo de revistas de acceso completamente abierto.

Interactividad

Hover: Resalta conexiones y muestra información detallada.
Click: Abre el sitio web oficial de la revista.
Zoom: Controles +/- y opción de reinicio para navegar la red.
Arrastre: Permite reposicionar nodos manualmente.

Fuerzas de la Simulación

La disposición espacial resulta de fuerzas físicas que organizan automáticamente la red:

Repulsión: Evita la superposición de nodos.
Atracción regional: Agrupa revistas del mismo continente.
Atracción por OA: Separa verticalmente según nivel de acceso abierto.
Centrifugación: Aleja revistas de mayor impacto del centro.

30:Tb22b,chart = { // ============================================================================ // CONFIGURACIÓN CORREGIDA // ============================================================================ const CONFIG = { width: 1400, height: 1000, apiBase: "https://api.openalex.org/sources", // ✅ CORREGIDO: /works no /sources perPage: 200, colors: { americas: "#e74c3c", europe: "#3498db", asia: "#f39c12", oceania: "#9b59b6", africa: "#2ecc71", oa_high: "#27ae60", oa_medium: "#f1c40f", oa_low: "#e67e22", oa_none: "#95a5a6" } }; // ============================================================================ // MAPA COMPLETO DE PAISES POR REGIÓN // ============================================================================ const REGION_MAP = { "US": "americas", "CA": "americas", "MX": "americas", "GL": "americas", "BM": "americas", "PM": "americas", "GT": "americas", "BZ": "americas", "SV": "americas", "HN": "americas", "NI": "americas", "CR": "americas", "PA": "americas", "BS": "americas", "CU": "americas", "JM": "americas", "HT": "americas", "DO": "americas", "PR": "americas", "AG": "americas", "BB": "americas", "DM": "americas", "GD": "americas", "KN": "americas", "LC": "americas", "VC": "americas", "TT": "americas", "AI": "americas", "AW": "americas", "BL": "americas", "BQ": "americas", "CW": "americas", "GP": "americas", "KY": "americas", "MF": "americas", "MQ": "americas", "MS": "americas", "SX": "americas", "TC": "americas", "VG": "americas", "VI": "americas", "CO": "americas", "VE": "americas", "GY": "americas", "SR": "americas", "GF": "americas", "EC": "americas", "PE": "americas", "BR": "americas", "BO": "americas", "PY": "americas", "UY": "americas", "AR": "americas", "CL": "americas", "FK": "americas", "GS": "americas", "GB": "europe", "IE": "europe", "FR": "europe", "ES": "europe", "PT": "europe", "DE": "europe", "AT": "europe", "CH": "europe", "IT": "europe", "VA": "europe", "SM": "europe", "MT": "europe", "NL": "europe", "BE": "europe", "LU": "europe", "DK": "europe", "NO": "europe", "SE": "europe", "FI": "europe", "IS": "europe", "FO": "europe", "AX": "europe", "PL": "europe", "CZ": "europe", "SK": "europe", "HU": "europe", "RO": "europe", "MD": "europe", "BG": "europe", "SI": "europe", "HR": "europe", "BA": "europe", "RS": "europe", "ME": "europe", "MK": "europe", "AL": "europe", "GR": "europe", "CY": "europe", "EE": "europe", "LV": "europe", "LT": "europe", "BY": "europe", "UA": "europe", "RU": "europe", "TR": "europe", "AM": "europe", "AZ": "europe", "GE": "europe", "KZ": "europe", "AD": "europe", "LI": "europe", "MC": "europe", "GI": "europe", "GG": "europe", "JE": "europe", "IM": "europe", "SJ": "europe", "CN": "asia", "JP": "asia", "KR": "asia", "KP": "asia", "MN": "asia", "TW": "asia", "HK": "asia", "MO": "asia", "IN": "asia", "PK": "asia", "BD": "asia", "LK": "asia", "MV": "asia", "NP": "asia", "BT": "asia", "AF": "asia", "MM": "asia", "TH": "asia", "LA": "asia", "VN": "asia", "KH": "asia", "MY": "asia", "BN": "asia", "SG": "asia", "ID": "asia", "TL": "asia", "PH": "asia", "IR": "asia", "IQ": "asia", "SY": "asia", "LB": "asia", "JO": "asia", "IL": "asia", "PS": "asia", "SA": "asia", "YE": "asia", "OM": "asia", "AE": "asia", "QA": "asia", "BH": "asia", "KW": "asia", "TM": "asia", "UZ": "asia", "KG": "asia", "TJ": "asia", "AU": "oceania", "NZ": "oceania", "PG": "oceania", "FJ": "oceania", "SB": "oceania", "VU": "oceania", "NC": "oceania", "PF": "oceania", "WS": "oceania", "TO": "oceania", "KI": "oceania", "NR": "oceania", "MH": "oceania", "PW": "oceania", "TV": "oceania", "CK": "oceania", "NU": "oceania", "AS": "oceania", "GU": "oceania", "MP": "oceania", "UM": "oceania", "NF": "oceania", "PN": "oceania", "TK": "oceania", "MA": "africa", "DZ": "africa", "TN": "africa", "LY": "africa", "EG": "africa", "SD": "africa", "TD": "africa", "NE": "africa", "ML": "africa", "MR": "africa", "EH": "africa", "SN": "africa", "GM": "africa", "GW": "africa", "GN": "africa", "SL": "africa", "LR": "africa", "CI": "africa", "BF": "africa", "GH": "africa", "TG": "africa", "BJ": "africa", "NG": "africa", "CM": "africa", "CF": "africa", "GQ": "africa", "GA": "africa", "CG": "africa", "CD": "africa", "AO": "africa", "ST": "africa", "BI": "africa", "RW": "africa", "UG": "africa", "KE": "africa", "TZ": "africa", "SO": "africa", "DJ": "africa", "ER": "africa", "ET": "africa", "SS": "africa", "ZM": "africa", "MW": "africa", "MZ": "africa", "ZW": "africa", "BW": "africa", "NA": "africa", "ZA": "africa", "LS": "africa", "SZ": "africa", "MG": "africa", "KM": "africa", "SC": "africa", "MU": "africa", "RE": "africa", "YT": "africa", "SH": "africa", "CV": "africa" }; // ============================================================================ // ESTADO // ============================================================================ const state = { searchQuery: "", filterRegions: new Set(["americas", "europe", "asia", "oceania", "africa"]), oaFilter: "all", data: null }; // ============================================================================ // FETCH SIN LÍMITE // ============================================================================ async function fetchAllData() { const allSources = []; let cursor = null; let hasMore = true; let attempts = 0; const maxAttempts = 15; while (hasMore && attempts < maxAttempts) { const url = new URL(CONFIG.apiBase); url.searchParams.append("filter", "type:journal"); url.searchParams.append("search", '("library science" OR "library and information science" OR "information science" OR bibliotecología OR "ciencia de la información" OR "ciencia da informação" OR "information management" OR "knowledge organization" OR "biblioteconomia" OR "archives" OR "archivistica" OR "documentación" OR "documentacao") AND (journal OR revista OR periodico OR "revista cientifica")'); url.searchParams.append("per_page", CONFIG.perPage); url.searchParams.append("sort", "cited_by_count:desc"); url.searchParams.append("mailto", "researcher@university.edu"); if (cursor) { url.searchParams.append("cursor", cursor); } try { const response = await fetch(url); if (!response.ok) throw new Error(`HTTP ${response.status}`); const data = await response.json(); if (data.results && data.results.length > 0) { allSources.push(...data.results); if (data.meta && data.meta.next_cursor && data.results.length === CONFIG.perPage) { cursor = data.meta.next_cursor; } else { hasMore = false; } } else { hasMore = false; } } catch (error) { console.warn("Fetch error:", error); attempts++; if (attempts >= maxAttempts) break; await new Promise(r => setTimeout(r, 1000)); } } return processSourcesData(allSources); } // ============================================================================ // PROCESAMIENTO CORREGIDO DE OA // ============================================================================ function processSourcesData(sources) { if (!sources || sources.length === 0) { return getBackupData(); } const nodes = []; const links = []; const nodeMap = new Map(); sources.forEach((source, index) => { const sourceId = source.id ? source.id.split("/").pop() : `s${index}`; if (nodeMap.has(sourceId)) return; const countryCode = source.country_code || "XX"; const region = REGION_MAP[countryCode] || "other"; const publisher = source.host_organization_name || "Independent"; // Detección correcta de OA let oaLevel = "none"; let oaPct = 0; const isOa = source.is_oa || source.open_access?.is_oa || false; const oaStatus = source.open_access_status || source.open_access?.status; const oaPercentage = source.open_access?.percentage || source.open_access_status?.percentage; if (isOa || oaStatus === "gold" || oaStatus === "diamond" || oaStatus === "green" || oaStatus === "hybrid") { if (oaPercentage !== null && oaPercentage !== undefined) { oaPct = parseInt(oaPercentage); if (oaPct === 100) oaLevel = "high"; else if (oaPct >= 50) oaLevel = "medium"; else if (oaPct > 0) oaLevel = "low"; } else { oaPct = 100; oaLevel = "high"; } } else if (oaPercentage) { oaPct = parseInt(oaPercentage); if (oaPct === 100) oaLevel = "high"; else if (oaPct >= 50) oaLevel = "medium"; else if (oaPct > 0) oaLevel = "low"; } const homepageUrl = source.homepage_url || source.url || source.id || null; const node = { id: sourceId, title: source.display_name ? source.display_name.substring(0, 55) : "Sin título", fullTitle: source.display_name || "Sin título", country: source.country || "Desconocido", countryCode: countryCode, region: region, works_count: source.works_count || 0, cited_by_count: source.cited_by_count || 0, publisher: publisher, oa_percentage: oaPct, oa_level: oaLevel, impact_factor: (source.cited_by_count / Math.max(source.works_count, 1)).toFixed(2), h_index: source.summary_stats?.h_index || 0, homepage_url: homepageUrl, searchText: ((source.display_name || "") + " " + (source.country || "") + " " + publisher).toLowerCase() }; nodes.push(node); nodeMap.set(sourceId, node); }); const nodeList = Array.from(nodeMap.values()); for (let i = 0; i < nodeList.length; i++) { for (let j = i + 1; j < nodeList.length; j++) { const a = nodeList[i]; const b = nodeList[j]; let weight = 0; let type = null; if (a.publisher === b.publisher && a.publisher !== "Independent") { weight = 0.9; type = "same_publisher"; } else if (a.country === b.country) { weight = 0.7; type = "same_country"; } else if (a.region === b.region) { weight = 0.4; type = "same_region"; } if (type) { links.push({ source: a.id, target: b.id, type: type, weight: weight }); } } } return { nodes, links }; } function getBackupData() { const backupSources = [ {id: "s1", title: "Journal of the Association for Information Science and Technology", country: "United States", countryCode: "US", works: 3240, citations: 45200, publisher: "Wiley", oa_pct: 15, is_oa: false, url: "https://asistdl.onlinelibrary.wiley.com/journal/23301643"}, {id: "s2", title: "Library & Information Science Research", country: "United States", countryCode: "US", works: 1890, citations: 28400, publisher: "Elsevier", oa_pct: 8, is_oa: false, url: "https://www.sciencedirect.com/journal/library-and-information-science-research"}, {id: "s3", title: "Information Processing & Management", country: "United Kingdom", countryCode: "GB", works: 2150, citations: 32100, publisher: "Elsevier", oa_pct: 22, is_oa: false, url: "https://www.sciencedirect.com/journal/information-processing-and-management"}, {id: "s4", title: "Journal of Documentation", country: "United Kingdom", countryCode: "GB", works: 1680, citations: 18500, publisher: "Emerald", oa_pct: 10, is_oa: false, url: "https://www.emerald.com/insight/publication/issn/0022-0418"}, {id: "s5", title: "Journal of Information Science", country: "United Kingdom", countryCode: "GB", works: 1420, citations: 15200, publisher: "SAGE", oa_pct: 15, is_oa: false, url: "https://journals.sagepub.com/home/jis"}, {id: "s6", title: "Information Research", country: "United Kingdom", countryCode: "GB", works: 890, citations: 5600, publisher: "University of Borås", oa_pct: 100, is_oa: true, url: "https://informationr.net/"}, {id: "s7", title: "Journal of Academic Librarianship", country: "United Kingdom", countryCode: "GB", works: 1680, citations: 8900, publisher: "Elsevier", oa_pct: 12, is_oa: false, url: "https://www.sciencedirect.com/journal/the-journal-of-academic-librarianship"}, {id: "s8", title: "College & Research Libraries", country: "United States", countryCode: "US", works: 1380, citations: 11200, publisher: "American Library Association", oa_pct: 100, is_oa: true, url: "https://crl.acrl.org/"}, {id: "s9", title: "Library Trends", country: "United States", countryCode: "US", works: 1560, citations: 12400, publisher: "Johns Hopkins University Press", oa_pct: 5, is_oa: false, url: "https://muse.jhu.edu/journal/131"}, {id: "s10", title: "Information Technology and Libraries", country: "United States", countryCode: "US", works: 520, citations: 2100, publisher: "American Library Association", oa_pct: 100, is_oa: true, url: "https://ejournals.bc.edu/index.php/ital/index"}, {id: "s11", title: "Portal: Libraries and the Academy", country: "United States", countryCode: "US", works: 420, citations: 2100, publisher: "Johns Hopkins University Press", oa_pct: 0, is_oa: false, url: "https://muse.jhu.edu/journal/136"}, {id: "s12", title: "Reference & User Services Quarterly", country: "United States", countryCode: "US", works: 380, citations: 1200, publisher: "American Library Association", oa_pct: 0, is_oa: false, url: "https://journals.ala.org/rusq"}, {id: "s13", title: "Cataloging & Classification Quarterly", country: "United States", countryCode: "US", works: 680, citations: 3400, publisher: "Taylor & Francis", oa_pct: 8, is_oa: false, url: "https://www.tandfonline.com/toc/wccq20/current"}, {id: "s14", title: "Libri", country: "Germany", countryCode: "DE", works: 420, citations: 1500, publisher: "De Gruyter", oa_pct: 0, is_oa: false, url: "https://www.degruyter.com/journal/key/libr/html"}, {id: "s15", title: "Knowledge Organization", country: "Germany", countryCode: "DE", works: 420, citations: 2100, publisher: "Ergon Verlag", oa_pct: 0, is_oa: false, url: "https://www.ergon-verlag.de/english/periodicals/knowledge-organization/"}, {id: "s16", title: "Data Science Journal", country: "United Kingdom", countryCode: "GB", works: 340, citations: 1800, publisher: "CODATA", oa_pct: 100, is_oa: true, url: "https://datascience.codata.org/"}, {id: "s17", title: "Alexandria", country: "United Kingdom", countryCode: "GB", works: 240, citations: 580, publisher: "SAGE", oa_pct: 15, is_oa: false, url: "https://journals.sagepub.com/home/ala"}, {id: "s18", title: "Revista Española de Documentación Científica", country: "Spain", countryCode: "ES", works: 680, citations: 3200, publisher: "CSIC", oa_pct: 100, is_oa: true, url: "https://redc.revistas.csic.es/"}, {id: "s19", title: "Anales de Documentación", country: "Spain", countryCode: "ES", works: 280, citations: 540, publisher: "Universidad de Murcia", oa_pct: 100, is_oa: true, url: "https://revistas.um.es/analesdoc"}, {id: "s20", title: "Scire: Representación y Organización del Conocimiento", country: "Spain", countryCode: "ES", works: 150, citations: 280, publisher: "Universidad de Zaragoza", oa_pct: 100, is_oa: true, url: "https://revistas.unizar.es/scire"}, {id: "s21", title: "El Profesional de la Información", country: "Spain", countryCode: "ES", works: 890, citations: 4200, publisher: "EPI", oa_pct: 100, is_oa: true, url: "https://revista.profesionaldelainformacion.com/"}, {id: "s22", title: "Transinformação", country: "Brazil", countryCode: "BR", works: 520, citations: 1800, publisher: "Universidade Estadual de Campinas", oa_pct: 100, is_oa: true, url: "https://www.scielo.br/j/tinf/"}, {id: "s23", title: "Perspectivas em Gestão da Informação", country: "Brazil", countryCode: "BR", works: 340, citations: 620, publisher: "UFMG", oa_pct: 100, is_oa: true, url: "https://www.scielo.br/j/pci/"}, {id: "s24", title: "Revista Brasileira de Biblioteconomia", country: "Brazil", countryCode: "BR", works: 290, citations: 480, publisher: "FEBAB", oa_pct: 100, is_oa: true, url: "https://revista.febab.org.br/"}, {id: "s25", title: "Informação & Informação", country: "Brazil", countryCode: "BR", works: 220, citations: 340, publisher: "UEL", oa_pct: 100, is_oa: true, url: "https://revistas.uel.br/index.php/iei"}, {id: "s26", title: "Encontros Bibli", country: "Brazil", countryCode: "BR", works: 180, citations: 280, publisher: "UFSC", oa_pct: 100, is_oa: true, url: "https://revistas.ufsc.br/index.php/eb/"}, {id: "s27", title: "Bíblios", country: "Brazil", countryCode: "BR", works: 120, citations: 150, publisher: "UFRGS", oa_pct: 100, is_oa: true, url: "https://biblios.ufrgs.br/"}, {id: "s28", title: "Investigación Bibliotecológica", country: "Mexico", countryCode: "MX", works: 380, citations: 950, publisher: "UNAM", oa_pct: 100, is_oa: true, url: "https://www.investigacionbibliotecologica.unam.mx/"}, {id: "s29", title: "Bibliotecas. Anales de Investigación", country: "Cuba", countryCode: "CU", works: 180, citations: 220, publisher: "Instituto de Información Científica", oa_pct: 100, is_oa: true, url: "http://biblio.ucic.cu/"}, {id: "s30", title: "ACIMED", country: "Cuba", countryCode: "CU", works: 120, citations: 180, publisher: "Infomed", oa_pct: 100, is_oa: true, url: "https://scielo.sld.cu/scielo.php?script=sci_serial&pid=1024-9435"}, {id: "s31", title: "Revista de la Universidad de Zulia", country: "Venezuela", countryCode: "VE", works: 120, citations: 85, publisher: "Universidad de Zulia", oa_pct: 100, is_oa: true, url: "https://revistas.luz.edu.ve/index.php/ruzluz"}, {id: "s32", title: "Canadian Journal of Information and Library Science", country: "Canada", countryCode: "CA", works: 290, citations: 780, publisher: "University of Toronto Press", oa_pct: 0, is_oa: false, url: "https://www.utpjournals.press/loi/cjils"}, {id: "s33", title: "Felix Libris", country: "Canada", countryCode: "CA", works: 180, citations: 220, publisher: "University of Alberta", oa_pct: 100, is_oa: true, url: "https://journals.library.ualberta.ca/felixlibris/"}, {id: "s34", title: "Argos", country: "Argentina", countryCode: "AR", works: 150, citations: 180, publisher: "Universidad de Buenos Aires", oa_pct: 100, is_oa: true, url: "http://www.argos.filo.uba.ar/"}, {id: "s35", title: "Información, Cultura y Sociedad", country: "Argentina", countryCode: "AR", works: 200, citations: 320, publisher: "UBA", oa_pct: 100, is_oa: true, url: "https://revistas.filo.uba.ar/index.php/ics/"}, {id: "s36", title: "Perspectivas en Bibliotecología", country: "Argentina", countryCode: "AR", works: 120, citations: 150, publisher: "CAICYT", oa_pct: 100, is_oa: true, url: "https://www.caicyt-conicet.gov.ar/perspectivas/"}, {id: "s37", title: "Revista Chilena de Derecho y Tecnología", country: "Chile", countryCode: "CL", works: 80, citations: 95, publisher: "Universidad de Chile", oa_pct: 100, is_oa: true, url: "https://revistas.uchile.cl/index.php/rcdt"}, {id: "s38", title: "Librarium", country: "Colombia", countryCode: "CO", works: 100, citations: 120, publisher: "Universidad de La Sabana", oa_pct: 100, is_oa: true, url: "https://www.unisabana.edu.co/revistas/index.php/librarium"}, {id: "s39", title: "Tendencias de la Educación Superior", country: "Colombia", countryCode: "CO", works: 140, citations: 180, publisher: "Universidad de Antioquia", oa_pct: 100, is_oa: true, url: "https://revistas.udea.edu.co/index.php/tes"}, {id: "s40", title: "Lectura y Vida", country: "Argentina", countryCode: "AR", works: 90, citations: 110, publisher: "CILA", oa_pct: 100, is_oa: true, url: "https://www.cila.org.ar/lecturayvida/"}, {id: "s41", title: "Biblios", country: "Peru", countryCode: "PE", works: 110, citations: 140, publisher: "Central", oa_pct: 100, is_oa: true, url: "https://revistas.up.edu.pe/index.php/biblios"}, {id: "s42", title: "Comunicar", country: "Spain", countryCode: "ES", works: 450, citations: 2800, publisher: "Grupo Comunicar", oa_pct: 0, is_oa: false, url: "https://www.revistacomunicar.com/"}, {id: "s43", title: "Information Development", country: "United Kingdom", countryCode: "GB", works: 380, citations: 1200, publisher: "SAGE", oa_pct: 10, is_oa: false, url: "https://journals.sagepub.com/home/idv"}, {id: "s44", title: "Global Knowledge, Memory and Communication", country: "United Kingdom", countryCode: "GB", works: 320, citations: 850, publisher: "Emerald", oa_pct: 8, is_oa: false, url: "https://www.emerald.com/insight/publication/issn/2514-9342"}, {id: "s45", title: "Library Management", country: "United Kingdom", countryCode: "GB", works: 480, citations: 2100, publisher: "Emerald", oa_pct: 10, is_oa: false, url: "https://www.emerald.com/insight/publication/issn/0143-5124"}, {id: "s46", title: "Performance Measurement and Metrics", country: "United Kingdom", countryCode: "GB", works: 180, citations: 420, publisher: "Emerald", oa_pct: 8, is_oa: false, url: "https://www.emerald.com/insight/publication/issn/1467-8047"}, {id: "s47", title: "Online Information Review", country: "United Kingdom", countryCode: "GB", works: 520, citations: 1800, publisher: "Emerald", oa_pct: 10, is_oa: false, url: "https://www.emerald.com/insight/publication/issn/1468-4527"}, {id: "s47", title: "Scientometrics", country: "Hungary", countryCode: "HU", works: 8287, citations: 308800, publisher: "Springer Nature (Netherlands", oa_pct: 10, is_oa: false, url: "https://link.springer.com/journal/11192"} ]; const nodes = backupSources.map(s => { let oaLevel = "none"; let oaPct = s.oa_pct; if (s.is_oa || s.oa_pct === 100) { oaPct = 100; oaLevel = "high"; } else if (s.oa_pct >= 50) { oaLevel = "medium"; } else if (s.oa_pct > 0) { oaLevel = "low"; } return { id: s.id, title: s.title.substring(0, 55), fullTitle: s.title, country: s.country, countryCode: s.countryCode, region: REGION_MAP[s.countryCode] || "other", works_count: s.works, cited_by_count: s.citations, publisher: s.publisher, oa_percentage: oaPct, oa_level: oaLevel, impact_factor: (s.citations / Math.max(s.works, 1)).toFixed(2), h_index: s.h_index, homepage_url: s.url, searchText: (s.title + " " + s.country + " " + s.publisher).toLowerCase() }; }); const links = []; for (let i = 0; i < nodes.length; i++) { for (let j = i + 1; j < nodes.length; j++) { const a = nodes[i]; const b = nodes[j]; let weight = 0; let type = null; if (a.publisher === b.publisher && a.publisher !== "Independent") { weight = 0.9; type = "same_publisher"; } else if (a.country === b.country) { weight = 0.7; type = "same_country"; } else if (a.region === b.region) { weight = 0.4; type = "same_region"; } if (type) links.push({ source: a.id, target: b.id, type: type, weight: weight }); } } return { nodes, links }; } // ============================================================================ // CONTENEDOR PRINCIPAL CON TODO AJUSTADO // ============================================================================ const container = d3.create("div") .style("width", "100%") .style("max-width", CONFIG.width + "px") .style("font-family", "'Segoe UI', sans-serif") .style("position", "relative") .style("background", "#f8f9fa") .style("margin", "0 auto") .style("box-sizing", "border-box"); // Panel de controles - AJUSTADO para no desbordar const controlPanel = container.append("div") .style("background", "#ffffff") .style("border", "1px solid #dee2e6") .style("padding", "15px") .style("border-radius", "8px 8px 0 0") .style("box-sizing", "border-box"); const titleDiv = controlPanel.append("div") .style("margin-bottom", "15px"); titleDiv.append("h2") .style("margin", "0 0 8px 0") .style("color", "#2c3e50") .style("font-size", "20px") .style("line-height", "1.2") .text("Red Bibliométrica: Revistas de Bibliotecología y Ciencias de la Información"); titleDiv.append("div") .style("color", "#6c757d") .style("font-size", "13px") .style("line-height", "1.4") .text("Visualización completa de revistas en OpenAlex - Detección correcta de OA - Enlaces directos incluidos"); // Controles en grid responsive - AJUSTADO const controlsGrid = controlPanel.append("div") .style("display", "grid") .style("grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))") .style("gap", "12px") .style("margin-bottom", "15px"); // Búsqueda const searchDiv = controlsGrid.append("div"); searchDiv.append("label") .style("display", "block") .style("font-size", "11px") .style("font-weight", "600") .style("color", "#495057") .style("margin-bottom", "4px") .text("🔍 Buscar"); const searchInput = searchDiv.append("input") .attr("type", "text") .attr("placeholder", "Revista, país o editorial...") .style("width", "100%") .style("padding", "8px 10px") .style("border", "1px solid #ced4da") .style("border-radius", "4px") .style("font-size", "12px") .style("box-sizing", "border-box") .on("input", function() { state.searchQuery = this.value.toLowerCase(); updateViz(); }); // Filtro región const regionDiv = controlsGrid.append("div"); regionDiv.append("label") .style("display", "block") .style("font-size", "11px") .style("font-weight", "600") .style("color", "#495057") .style("margin-bottom", "4px") .text("🌍 Región"); const regionSelect = regionDiv.append("select") .style("width", "100%") .style("padding", "8px 10px") .style("border", "1px solid #ced4da") .style("border-radius", "4px") .style("font-size", "12px") .style("background-color", "#fff") .style("box-sizing", "border-box") .on("change", function() { const val = this.value; if (val === "all") { state.filterRegions = new Set(["americas", "europe", "asia", "oceania", "africa"]); } else { state.filterRegions = new Set([val]); } updateViz(); }); regionSelect.append("option").attr("value", "all").text("Todas las regiones"); regionSelect.append("option").attr("value", "americas").text("🌎 América"); regionSelect.append("option").attr("value", "europe").text("🌍 Europa"); regionSelect.append("option").attr("value", "asia").text("🌏 Asia"); regionSelect.append("option").attr("value", "oceania").text("🌏 Oceanía"); regionSelect.append("option").attr("value", "africa").text("🌍 África"); // Filtro OA const oaDiv = controlsGrid.append("div"); oaDiv.append("label") .style("display", "block") .style("font-size", "11px") .style("font-weight", "600") .style("color", "#495057") .style("margin-bottom", "4px") .text("🔓 Acceso Abierto"); const oaSelect = oaDiv.append("select") .style("width", "100%") .style("padding", "8px 10px") .style("border", "1px solid #ced4da") .style("border-radius", "4px") .style("font-size", "12px") .style("background-color", "#fff") .style("box-sizing", "border-box") .on("change", function() { state.oaFilter = this.value; updateViz(); }); oaSelect.append("option").attr("value", "all").text("Todos los niveles"); oaSelect.append("option").attr("value", "high").text("🟢 100% OA"); oaSelect.append("option").attr("value", "medium").text("🟡 50-99% OA"); oaSelect.append("option").attr("value", "low").text("🟠 1-49% OA"); oaSelect.append("option").attr("value", "none").text("⚪ 0% OA"); // Botón reset const resetDiv = controlsGrid.append("div"); resetDiv.append("label") .style("display", "block") .style("font-size", "11px") .style("font-weight", "600") .style("color", "#495057") .style("margin-bottom", "4px") .text("⚙️ Acciones"); resetDiv.append("button") .style("width", "100%") .style("padding", "8px 10px") .style("background", "#6c757d") .style("color", "white") .style("border", "none") .style("border-radius", "4px") .style("font-size", "12px") .style("cursor", "pointer") .style("box-sizing", "border-box") .text("↺ Resetear") .on("click", () => { state.searchQuery = ""; state.filterRegions = new Set(["americas", "europe", "asia", "oceania", "africa"]); state.oaFilter = "all"; searchInput.property("value", ""); regionSelect.property("value", "all"); oaSelect.property("value", "all"); updateViz(); }); // Métricas - AJUSTADO para caber en una fila const metricsDiv = controlPanel.append("div") .style("display", "grid") .style("grid-template-columns", "repeat(auto-fit, minmax(120px, 1fr))") .style("gap", "10px") .style("padding-top", "15px") .style("border-top", "1px solid #e9ecef"); const metrics = [ {id: "m-journals", label: "Revistas", icon: "📚"}, {id: "m-works", label: "Documentos", icon: "📝"}, {id: "m-citations", label: "Citas", icon: "📊"}, {id: "m-impact", label: "Impacto", icon: "🎯"}, {id: "m-oa", label: "OA 100%", icon: "🔓"} ]; metrics.forEach(m => { const d = metricsDiv.append("div") .style("text-align", "center") .style("padding", "8px") .style("background", "#f8f9fa") .style("border-radius", "4px"); d.append("div") .attr("id", m.id) .style("font-size", "18px") .style("font-weight", "bold") .style("color", "#2c3e50") .text("0"); d.append("div") .style("font-size", "10px") .style("color", "#6c757d") .style("margin-top", "2px") .text(`${m.icon} ${m.label}`); }); // ============================================================================ // SVG CONTENEDOR - AJUSTADO para responsive // ============================================================================ const svgContainer = container.append("div") .style("position", "relative") .style("width", "100%") .style("height", "0") .style("padding-bottom", "71.43%") // Ratio 1000/1400 ≈ 0.7143 .style("border", "1px solid #dee2e6") .style("border-top", "none") .style("border-radius", "0 0 8px 8px") .style("background", "#ffffff") .style("overflow", "hidden"); const svg = svgContainer.append("svg") .attr("viewBox", `0 0 ${CONFIG.width} ${CONFIG.height}`) .attr("preserveAspectRatio", "xMidYMid meet") .style("position", "absolute") .style("top", "0") .style("left", "0") .style("width", "100%") .style("height", "100%") .style("display", "block"); const g = svg.append("g"); const zoom = d3.zoom() .scaleExtent([0.05, 5]) .on("zoom", (e) => g.attr("transform", e.transform)); svg.call(zoom); // Cargar datos state.data = await fetchAllData(); // Escalas const radiusScale = d3.scaleSqrt() .domain([0, d3.max(state.data.nodes, d => d.cited_by_count)]) .range([4, 30]); const colorScale = d3.scaleOrdinal() .domain(["americas", "europe", "asia", "oceania", "africa", "other"]) .range([CONFIG.colors.americas, CONFIG.colors.europe, CONFIG.colors.asia, CONFIG.colors.oceania, CONFIG.colors.africa, "#95a5a6"]); const oaColorScale = d3.scaleOrdinal() .domain(["high", "medium", "low", "none"]) .range([CONFIG.colors.oa_high, CONFIG.colors.oa_medium, CONFIG.colors.oa_low, CONFIG.colors.oa_none]); // Simulación const simulation = d3.forceSimulation(state.data.nodes) .force("link", d3.forceLink(state.data.links) .id(d => d.id) .distance(180) .strength(0.2)) .force("charge", d3.forceManyBody() .strength(-1000) .distanceMax(500)) .force("center", d3.forceCenter(CONFIG.width / 2, CONFIG.height / 2)) .force("collision", d3.forceCollide() .radius(d => radiusScale(d.cited_by_count) + 15) .strength(1)) .force("x", d3.forceX(d => { const positions = { americas: CONFIG.width * 0.25, europe: CONFIG.width * 0.5, asia: CONFIG.width * 0.75, oceania: CONFIG.width * 0.85, africa: CONFIG.width * 0.15, other: CONFIG.width * 0.5 }; return positions[d.region] || CONFIG.width * 0.5; }).strength(0.18)) .force("y", d3.forceY(d => { const positions = { high: CONFIG.height * 0.25, medium: CONFIG.height * 0.45, low: CONFIG.height * 0.65, none: CONFIG.height * 0.8 }; return positions[d.oa_level] || CONFIG.height * 0.5; }).strength(0.12)); let link = g.append("g").selectAll("line"); let node = g.append("g").selectAll("g"); const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "#ffffff") .style("border", "1px solid #dee2e6") .style("padding", "12px") .style("border-radius", "6px") .style("font-size", "11px") .style("max-width", "380px") .style("box-shadow", "0 4px 12px rgba(0,0,0,0.15)") .style("pointer-events", "none") .style("z-index", "2000"); // ============================================================================ // FUNCIÓN DE ACTUALIZACIÓN // ============================================================================ function updateViz() { const visibleNodes = state.data.nodes.filter(d => { if (!state.filterRegions.has(d.region)) return false; if (state.oaFilter !== "all" && d.oa_level !== state.oaFilter) return false; if (state.searchQuery && !d.searchText.includes(state.searchQuery)) return false; return true; }); const visibleIds = new Set(visibleNodes.map(n => n.id)); const visibleLinks = state.data.links.filter(l => visibleIds.has(typeof l.source === 'object' ? l.source.id : l.source) && visibleIds.has(typeof l.target === 'object' ? l.target.id : l.target) ); // Métricas const totalJournals = visibleNodes.length; const totalWorks = d3.sum(visibleNodes, d => d.works_count); const totalCitations = d3.sum(visibleNodes, d => d.cited_by_count); const avgImpact = totalJournals > 0 ? (totalCitations / totalWorks).toFixed(2) : 0; const oa100Count = visibleNodes.filter(d => d.oa_level === "high").length; d3.select("#m-journals").text(totalJournals); d3.select("#m-works").text(totalWorks.toLocaleString()); d3.select("#m-citations").text(totalCitations.toLocaleString()); d3.select("#m-impact").text(avgImpact); d3.select("#m-oa").text(oa100Count); // Enlaces link = link.data(visibleLinks, d => { const s = typeof d.source === 'object' ? d.source.id : d.source; const t = typeof d.target === 'object' ? d.target.id : d.target; return `${s}-${t}`; }); link.exit().transition().duration(300).attr("opacity", 0).remove(); const linkEnter = link.enter().append("line") .attr("stroke", "#adb5bd") .attr("stroke-width", d => d.weight * 2) .attr("stroke-opacity", 0.3); link = linkEnter.merge(link); // Nodos node = node.data(visibleNodes, d => d.id); node.exit().transition().duration(300).attr("opacity", 0).remove(); const nodeEnter = node.enter().append("g") .call(d3.drag() .on("start", (e, d) => { if (!e.active) simulation.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; }) .on("drag", (e, d) => { d.fx = e.x; d.fy = e.y; }) .on("end", (e, d) => { if (!e.active) simulation.alphaTarget(0); d.fx = null; d.fy = null; })); // Círculo principal nodeEnter.append("circle") .attr("r", 0) .attr("fill", d => colorScale(d.region)) .attr("stroke", "#fff") .attr("stroke-width", 2) .style("cursor", "pointer") .transition() .duration(600) .attr("r", d => radiusScale(d.cited_by_count)); // Anillo OA nodeEnter.append("circle") .attr("r", d => radiusScale(d.cited_by_count) + 3) .attr("fill", "none") .attr("stroke", d => oaColorScale(d.oa_level)) .attr("stroke-width", 3) .attr("opacity", 0.8); // Etiqueta nodeEnter.append("text") .text(d => d.title) .attr("x", d => radiusScale(d.cited_by_count) + 6) .attr("y", 3) .attr("font-size", "9px") .attr("font-weight", "600") .attr("fill", "#2c3e50") .style("pointer-events", "none") .attr("opacity", 0) .transition() .delay(400) .duration(400) .attr("opacity", 1); node = nodeEnter.merge(node); // Interacciones node.on("mouseover", (e, d) => { const connected = new Set([d.id]); link.style("stroke-opacity", l => { const s = typeof l.source === 'object' ? l.source.id : l.source; const t = typeof l.target === 'object' ? l.target.id : l.target; if (s === d.id || t === d.id) { connected.add(s); connected.add(t); return 0.9; } return 0.1; }); node.style("opacity", n => connected.has(n.id) ? 1 : 0.2); const oaBadge = d.oa_level === "high" ? "🟢 100% Acceso Abierto" : d.oa_level === "medium" ? "🟡 " + d.oa_percentage + "% OA (Híbrido)" : d.oa_level === "low" ? "🟠 " + d.oa_percentage + "% OA" : "⚪ 0% OA (Cerrado)"; const urlLink = d.homepage_url ? `

🔗 Visitar sitio web →

` : ''; tooltip.html(`

${d.fullTitle}

${d.country} (${d.countryCode})

${d.works_count.toLocaleString()}

Documentos

${d.cited_by_count.toLocaleString()}

Citas

Editorial: ${d.publisher}

Impacto: ${d.impact_factor} • h-index: ${d.h_index}

${oaBadge}

${urlLink} `).style("visibility", "visible").style("left", (e.pageX + 12) + "px").style("top", (e.pageY - 10) + "px"); }) .on("mousemove", (e) => tooltip.style("left", (e.pageX + 12) + "px").style("top", (e.pageY - 10) + "px")) .on("mouseout", () => { link.style("stroke-opacity", 0.3); node.style("opacity", 1); tooltip.style("visibility", "hidden"); }) .on("click", (e, d) => { if (d.homepage_url) { window.open(d.homepage_url, '_blank'); } }); simulation.nodes(visibleNodes); simulation.force("link").links(visibleLinks); simulation.alpha(1).restart(); } // ============================================================================ // LEYENDAS FLOTANTES DENTRO DEL SVG // ============================================================================ const legendGroup = g.append("g").attr("class", "legends"); // Leyenda regiones const legendR = legendGroup.append("g").attr("transform", "translate(20, 60)"); legendR.append("rect") .attr("width", 140) .attr("height", 115) .attr("fill", "rgba(255,255,255,0.95)") .attr("stroke", "#dee2e6") .attr("rx", 4); legendR.append("text") .attr("x", 10) .attr("y", 18) .attr("font-size", "10px") .attr("font-weight", "bold") .attr("fill", "#495057") .text("🌍 Regiones"); const regions = [ {label: "América", color: CONFIG.colors.americas}, {label: "Europa", color: CONFIG.colors.europe}, {label: "Asia", color: CONFIG.colors.asia}, {label: "Oceanía", color: CONFIG.colors.oceania}, {label: "África", color: CONFIG.colors.africa} ]; regions.forEach((r, i) => { const g = legendR.append("g").attr("transform", `translate(10, ${32 + i * 17})`); g.append("circle").attr("r", 6).attr("fill", r.color); g.append("text").attr("x", 15).attr("y", 3).attr("font-size", "9px").attr("fill", "#495057").text(r.label); }); // Leyenda OA const legendOA = legendGroup.append("g").attr("transform", "translate(20, 185)"); legendOA.append("rect") .attr("width", 140) .attr("height", 95) .attr("fill", "rgba(255,255,255,0.95)") .attr("stroke", "#dee2e6") .attr("rx", 4); legendOA.append("text") .attr("x", 10) .attr("y", 18) .attr("font-size", "10px") .attr("font-weight", "bold") .attr("fill", "#495057") .text("🔓 Acceso Abierto"); const oaLevels = [ {label: "100% OA", color: CONFIG.colors.oa_high}, {label: "50-99% OA", color: CONFIG.colors.oa_medium}, {label: "1-49% OA", color: CONFIG.colors.oa_low}, {label: "0% OA", color: CONFIG.colors.oa_none} ]; oaLevels.forEach((o, i) => { const g = legendOA.append("g").attr("transform", `translate(10, ${33 + i * 17})`); g.append("circle").attr("r", 5).attr("fill", "none").attr("stroke", o.color).attr("stroke-width", 3); g.append("text").attr("x", 14).attr("y", 3).attr("font-size", "9px").attr("fill", "#495057").text(o.label); }); // Controles de zoom dentro del SVG (esquina inferior derecha) const zoomControls = g.append("g").attr("transform", `translate(${CONFIG.width - 110}, ${CONFIG.height - 90})`); zoomControls.append("rect") .attr("width", 90) .attr("height", 70) .attr("fill", "rgba(255,255,255,0.95)") .attr("stroke", "#dee2e6") .attr("rx", 4); zoomControls.append("text") .attr("x", 45) .attr("y", 15) .attr("text-anchor", "middle") .attr("font-size", "9px") .attr("font-weight", "bold") .attr("fill", "#495057") .text("Zoom"); const zoomButtons = [ {x: 15, y: 25, icon: "+", scale: 1.4}, {x: 55, y: 25, icon: "−", scale: 0.7}, {x: 35, y: 50, icon: "⟲", scale: null} ]; zoomButtons.forEach(btn => { const b = zoomControls.append("g") .attr("transform", `translate(${btn.x}, ${btn.y})`) .style("cursor", "pointer"); b.append("rect") .attr("width", 20) .attr("height", 18) .attr("fill", "#f8f9fa") .attr("stroke", "#ced4da") .attr("rx", 3) .attr("x", -10) .attr("y", -9); b.append("text") .attr("text-anchor", "middle") .attr("y", 4) .text(btn.icon) .attr("font-size", "12px") .attr("fill", "#495057"); b.on("click", () => { if (btn.scale) { svg.transition().duration(300).call(zoom.scaleBy, btn.scale); } else { svg.transition().duration(500).call(zoom.transform, d3.zoomIdentity); } }); }); // Nota al pie dentro del SVG g.append("text") .attr("x", 20) .attr("y", CONFIG.height - 15) .attr("font-size", "9px") .attr("fill", "#6c757d") .text(`Fuente: OpenAlex API • ${state.data.nodes.length} revistas • Click para visitar sitio web`); // Inicializar simulation.on("tick", () => { link.attr("x1", d => d.source.x).attr("y1", d => d.source.y).attr("x2", d => d.target.x).attr("y2", d => d.target.y); node.attr("transform", d => `translate(${d.x},${d.y})`); }); updateViz(); return container.node(); }31:[] 2d:{"title":"Red Bibliométrica: Revistas de Bibliotecología y Ciencias de la Información","cells":[{"id":0,"value":"# Red Bibliométrica: Revistas de Bibliotecología y Ciencias de la Información","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"$2f","pinned":false,"hidden":false,"mode":"html"},{"id":4,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}