27:null 28:["$","title",null,{"children":"Red de Co-citación WebGL | Kevin Gutierrez | Observable"}] 2d:T778e,chart = { // ============================================================================ // GRAFO WEBGL - TOP 14 REVISTAS LIS MÁS CITADAS (OpenAlex Style) // ============================================================================ const CONFIG = { width: 1400, height: 850, nodeRelSize: 6, linkDistance: 120, warmupTicks: 50, cooldownTicks: 20, colors: { americas: [231, 76, 60], europe: [52, 152, 219], asia: [243, 156, 18], oceania: [155, 89, 182], africa: [46, 204, 113], other: [149, 165, 166], oa_high: [39, 174, 96], oa_medium: [241, 196, 15], oa_low: [230, 126, 34], oa_none: [192, 57, 43] } }; // Cargar force-graph const ForceGraph = await require('force-graph@1.43.4/dist/force-graph.min.js'); // ============================================================================ // DATOS - TOP 14 REVISTAS LIS MÁS CITADAS (Extraídas de OpenAlex) // ============================================================================ const graphData = { "nodes": [ { "id": "j_27", "type": "journal", "name": "Scientometrics", "val": 62.09, "citations": 309400, "documents": 8295, "h_index": 193, "country": "Hungary", "countryCode": "HU", "region": "europe", "publisher": "Springer Nature", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_1", "type": "journal", "name": "International Journal of Information Management", "val": 59.12, "citations": 282000, "documents": 3506, "h_index": 242, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Elsevier", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_9", "type": "journal", "name": "Information Systems Research", "val": 58.85, "citations": 279300, "documents": 1914, "h_index": 233, "country": "United States", "countryCode": "US", "region": "americas", "publisher": "INFORMS Inst.for Operations Res.and the Management Sciences", "oaLevel": "none", "oaPercentage": 0, "color": [231, 76, 60], "oaColor": [192, 57, 43] }, { "id": "j_24", "type": "journal", "name": "Scientific Data", "val": 58.59, "citations": 276800, "documents": 7851, "h_index": 202, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Springer Nature", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_3", "type": "journal", "name": "Information Processing and Management", "val": 52.29, "citations": 223400, "documents": 6394, "h_index": 185, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Elsevier", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_18", "type": "journal", "name": "Information Communication and Society", "val": 42.13, "citations": 145400, "documents": 3124, "h_index": 172, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Taylor & Francis", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_7", "type": "journal", "name": "Education and Information Technologies", "val": 42.04, "citations": 144800, "documents": 5223, "h_index": 146, "country": "United States", "countryCode": "US", "region": "americas", "publisher": "Springer Nature", "oaLevel": "none", "oaPercentage": 0, "color": [231, 76, 60], "oaColor": [192, 57, 43] }, { "id": "j_4", "type": "journal", "name": "Government Information Quarterly", "val": 40.67, "citations": 134400, "documents": 3196, "h_index": 178, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Elsevier", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_47", "type": "journal", "name": "Lecture Notes in Control and Information Sciences", "val": 39.42, "citations": 125400, "documents": 9583, "h_index": 146, "country": "Germany", "countryCode": "DE", "region": "europe", "publisher": "Springer Nature", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_2", "type": "journal", "name": "European Journal of Information Systems", "val": 38.97, "citations": 122600, "documents": 1617, "h_index": 167, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Taylor & Francis", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_42", "type": "journal", "name": "Journal of Academic Librarianship", "val": 34.16, "citations": 94040, "documents": 5313, "h_index": 111, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Elsevier", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_6", "type": "journal", "name": "Telecommunications Policy", "val": 33.89, "citations": 92430, "documents": 4082, "h_index": 126, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Elsevier", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_62", "type": "journal", "name": "Journal of Documentation", "val": 33.80, "citations": 91800, "documents": 2985, "h_index": 120, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Emerald Publishing", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] }, { "id": "j_32", "type": "journal", "name": "Personal and Ubiquitous Computing", "val": 32.78, "citations": 85880, "documents": 382, "h_index": 126, "country": "United Kingdom", "countryCode": "UK", "region": "europe", "publisher": "Springer Nature", "oaLevel": "none", "oaPercentage": 0, "color": [52, 152, 219], "oaColor": [192, 57, 43] } ], "links": [ { "source": "j_27", "target": "j_24", "value": 5.00, "type": "cocitation" }, { "source": "j_27", "target": "j_47", "value": 5.00, "type": "cocitation" }, { "source": "j_27", "target": "j_7", "value": 4.00, "type": "cocitation" }, { "source": "j_27", "target": "j_32", "value": 5.00, "type": "cocitation" }, { "source": "j_1", "target": "j_3", "value": 5.00, "type": "cocitation" }, { "source": "j_1", "target": "j_4", "value": 5.00, "type": "cocitation" }, { "source": "j_1", "target": "j_42", "value": 5.00, "type": "cocitation" }, { "source": "j_1", "target": "j_6", "value": 5.00, "type": "cocitation" }, { "source": "j_9", "target": "j_7", "value": 4.00, "type": "cocitation" }, { "source": "j_24", "target": "j_47", "value": 5.00, "type": "cocitation" }, { "source": "j_24", "target": "j_7", "value": 5.00, "type": "cocitation" }, { "source": "j_24", "target": "j_32", "value": 5.00, "type": "cocitation" }, { "source": "j_3", "target": "j_4", "value": 5.00, "type": "cocitation" }, { "source": "j_3", "target": "j_42", "value": 5.00, "type": "cocitation" }, { "source": "j_3", "target": "j_6", "value": 5.00, "type": "cocitation" }, { "source": "j_18", "target": "j_2", "value": 5.00, "type": "cocitation" }, { "source": "j_7", "target": "j_47", "value": 4.00, "type": "cocitation" }, { "source": "j_7", "target": "j_32", "value": 4.00, "type": "cocitation" }, { "source": "j_4", "target": "j_42", "value": 5.00, "type": "cocitation" }, { "source": "j_4", "target": "j_6", "value": 5.00, "type": "cocitation" }, { "source": "j_47", "target": "j_32", "value": 5.00, "type": "cocitation" }, { "source": "j_2", "target": "j_18", "value": 5.00, "type": "cocitation" }, { "source": "j_42", "target": "j_6", "value": 5.00, "type": "cocitation" }, { "source": "j_62", "target": "j_1", "value": 3.33, "type": "cocitation" }, { "source": "j_62", "target": "j_3", "value": 3.33, "type": "cocitation" }, { "source": "j_62", "target": "j_4", "value": 3.33, "type": "cocitation" }, { "source": "j_62", "target": "j_42", "value": 3.33, "type": "cocitation" }, { "source": "j_62", "target": "j_6", "value": 3.33, "type": "cocitation" }, { "source": "j_32", "target": "j_27", "value": 5.00, "type": "cocitation" }, { "source": "j_32", "target": "j_24", "value": 5.00, "type": "cocitation" }, { "source": "j_32", "target": "j_7", "value": 4.00, "type": "cocitation" }, { "source": "j_32", "target": "j_47", "value": 5.00, "type": "cocitation" }, { "source": "j_27", "target": "j_18", "value": 2.47, "type": "cocitation" }, { "source": "j_27", "target": "j_2", "value": 2.47, "type": "cocitation" }, { "source": "j_1", "target": "j_9", "value": 1.99, "type": "cocitation" }, { "source": "j_1", "target": "j_18", "value": 2.51, "type": "cocitation" }, { "source": "j_1", "target": "j_2", "value": 2.51, "type": "cocitation" }, { "source": "j_1", "target": "j_62", "value": 3.33, "type": "cocitation" }, { "source": "j_9", "target": "j_27", "value": 1.98, "type": "cocitation" }, { "source": "j_9", "target": "j_24", "value": 1.98, "type": "cocitation" }, { "source": "j_9", "target": "j_3", "value": 1.99, "type": "cocitation" }, { "source": "j_9", "target": "j_18", "value": 1.98, "type": "cocitation" }, { "source": "j_9", "target": "j_2", "value": 1.98, "type": "cocitation" }, { "source": "j_9", "target": "j_47", "value": 1.98, "type": "cocitation" }, { "source": "j_9", "target": "j_42", "value": 1.99, "type": "cocitation" }, { "source": "j_9", "target": "j_6", "value": 1.99, "type": "cocitation" }, { "source": "j_9", "target": "j_62", "value": 1.99, "type": "cocitation" }, { "source": "j_9", "target": "j_32", "value": 1.98, "type": "cocitation" }, { "source": "j_24", "target": "j_18", "value": 2.47, "type": "cocitation" }, { "source": "j_24", "target": "j_2", "value": 2.47, "type": "cocitation" }, { "source": "j_3", "target": "j_18", "value": 2.51, "type": "cocitation" }, { "source": "j_3", "target": "j_2", "value": 2.51, "type": "cocitation" }, { "source": "j_3", "target": "j_62", "value": 3.33, "type": "cocitation" }, { "source": "j_18", "target": "j_4", "value": 2.50, "type": "cocitation" }, { "source": "j_18", "target": "j_42", "value": 2.50, "type": "cocitation" }, { "source": "j_18", "target": "j_6", "value": 2.50, "type": "cocitation" }, { "source": "j_18", "target": "j_62", "value": 2.50, "type": "cocitation" }, { "source": "j_7", "target": "j_18", "value": 2.00, "type": "cocitation" }, { "source": "j_7", "target": "j_2", "value": 2.00, "type": "cocitation" }, { "source": "j_7", "target": "j_62", "value": 2.00, "type": "cocitation" }, { "source": "j_4", "target": "j_18", "value": 2.50, "type": "cocitation" }, { "source": "j_4", "target": "j_2", "value": 2.50, "type": "cocitation" }, { "source": "j_4", "target": "j_62", "value": 3.33, "type": "cocitation" }, { "source": "j_47", "target": "j_18", "value": 2.47, "type": "cocitation" }, { "source": "j_47", "target": "j_2", "value": 2.47, "type": "cocitation" }, { "source": "j_47", "target": "j_62", "value": 2.47, "type": "cocitation" }, { "source": "j_2", "target": "j_42", "value": 2.50, "type": "cocitation" }, { "source": "j_2", "target": "j_6", "value": 2.50, "type": "cocitation" }, { "source": "j_2", "target": "j_62", "value": 2.50, "type": "cocitation" }, { "source": "j_42", "target": "j_18", "value": 2.50, "type": "cocitation" }, { "source": "j_42", "target": "j_2", "value": 2.50, "type": "cocitation" }, { "source": "j_42", "target": "j_62", "value": 3.33, "type": "cocitation" }, { "source": "j_6", "target": "j_18", "value": 2.50, "type": "cocitation" }, { "source": "j_6", "target": "j_2", "value": 2.50, "type": "cocitation" }, { "source": "j_6", "target": "j_62", "value": 3.33, "type": "cocitation" }, { "source": "j_62", "target": "j_18", "value": 2.50, "type": "cocitation" }, { "source": "j_62", "target": "j_2", "value": 2.50, "type": "cocitation" }, { "source": "j_32", "target": "j_18", "value": 2.00, "type": "cocitation" }, { "source": "j_32", "target": "j_2", "value": 2.00, "type": "cocitation" }, { "source": "j_32", "target": "j_62", "value": 2.00, "type": "cocitation" } ] }; // ============================================================================ // CONTENEDOR PRINCIPAL // ============================================================================ const container = d3.create("div") .style("width", "100%") .style("height", "900px") .style("font-family", "'Times New Roman', Georgia, serif") .style("position", "relative") .style("display", "flex") .style("flex-direction", "column") .style("background", "#ffffff") .style("border", "1px solid #333333") .style("border-radius", "0px"); // Header académico azul formal #234a80 const header = container.append("div") .style("padding", "16px 24px") .style("background", "#234a80") .style("border-bottom", "2px solid #1a3a60") .style("flex-shrink", "0"); const titleRow = header.append("div") .style("display", "flex") .style("justify-content", "space-between") .style("align-items", "flex-start"); titleRow.append("h2") .style("margin", "0") .style("font-size", "16px") .style("font-weight", "700") .style("color", "#ffffff") .style("font-family", "'Times New Roman', Georgia, serif") .style("line-height", "1.4") .text("Network of Co-citation Relationships among the 14 Most Cited Journals in LIS"); titleRow.append("div") .style("font-size", "10px") .style("color", "#ffffff") .style("font-family", "'Times New Roman', Georgia, serif") .style("font-style", "italic") .style("margin-left", "20px") .style("white-space", "nowrap") .style("opacity", "0.9") .text("Source: OpenAlex API"); // Controles const controlsRow = header.append("div") .style("display", "flex") .style("justify-content", "space-between") .style("align-items", "center") .style("margin-top", "10px") .style("padding-top", "8px") .style("border-top", "1px solid rgba(255,255,255,0.3)"); const metrics = controlsRow.append("div") .style("display", "flex") .style("gap", "24px") .style("font-size", "11px") .style("color", "#ffffff") .style("font-family", "'Times New Roman', Georgia, serif"); metrics.append("span").html(`N = ${graphData.nodes.length} journals`); metrics.append("span").html(`Links: ${graphData.links.length}`); metrics.append("span").html(`Total citations: ${graphData.nodes.reduce((a,b) => a + b.citations, 0).toLocaleString()}`); // Área de gráfico con fondo blanco puro const graphArea = container.append("div") .style("flex", "1") .style("position", "relative") .style("min-height", "700px") .style("background", "#ffffff"); const graphDiv = graphArea.append("div") .style("width", "100%") .style("height", "100%") .style("position", "absolute") .style("top", "0") .style("left", "0"); // ============================================================================ // RENDERIZADO WEBGL - FORCE GRAPH // ============================================================================ const Graph = ForceGraph()(graphDiv.node()) .width(graphArea.node().clientWidth || 1400) .height(graphArea.node().clientHeight || 750) .graphData(graphData) .backgroundColor('#ffffff') // Configuración de nodos .nodeRelSize(CONFIG.nodeRelSize) .nodeVal('val') .nodeColor('color') // Tooltip detallado .nodeLabel(node => { const oaText = node.oaLevel === 'high' ? '100% Acceso Abierto' : node.oaLevel === 'medium' ? '50-99% OA (Híbrido)' : node.oaLevel === 'low' ? '1-49% OA' : '0% OA (Cerrado)'; return `

${node.name}

📊 Citas: ${node.citations.toLocaleString()}

📄 Docs: ${node.documents.toLocaleString()}

📈 H-index: ${node.h_index}

🌍 País: ${node.country}

🏢 Publisher: ${node.publisher}

${oaText}

`; }) // Renderizado personalizado de nodos con anillos OA .nodeCanvasObject((node, ctx, globalScale) => { const radius = node.val * CONFIG.nodeRelSize; // CÍRCULO PRINCIPAL - Solo contorno (sin relleno) ctx.beginPath(); ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI); ctx.strokeStyle = `rgba(${node.color.join(',')}, 1)`; ctx.lineWidth = 4; ctx.stroke(); // ANILLO OA EXTERIOR - Muy visible const oaRadius = radius + 12; ctx.beginPath(); ctx.arc(node.x, node.y, oaRadius, 0, 2 * Math.PI); ctx.strokeStyle = `rgba(${node.oaColor.join(',')}, 0.9)`; ctx.lineWidth = node.oaLevel === 'none' ? 6 : 5; ctx.stroke(); // Indicador adicional para revistas cerradas if (node.oaLevel === 'none') { ctx.beginPath(); ctx.arc(node.x, node.y, oaRadius + 8, 0, 2 * Math.PI); ctx.strokeStyle = `rgba(${node.oaColor.join(',')}, 0.4)`; ctx.lineWidth = 2; ctx.stroke(); } // BANDERA/REGIÓN - Indicador pequeño ctx.beginPath(); ctx.arc(node.x - radius - 10, node.y - radius - 10, 5, 0, 2 * Math.PI); ctx.fillStyle = `rgb(${node.color.join(',')})`; ctx.fill(); // NOMBRE DE LA REVISTA - Siempre visible y destacado const fontSize = Math.max(11, 13 * Math.min(globalScale, 1.2)); ctx.font = `700 ${fontSize}px system-ui, -apple-system, sans-serif`; const text = node.name.length > 30 ? node.name.substring(0, 27) + '...' : node.name; const textWidth = ctx.measureText(text).width; // Fondo del texto ctx.fillStyle = 'rgba(255, 255, 255, 0.95)'; ctx.fillRect(node.x - textWidth/2 - 6, node.y + radius + 16, textWidth + 12, fontSize * 1.4); // Borde sutil ctx.strokeStyle = `rgba(${node.color.join(',')}, 0.3)`; ctx.lineWidth = 1; ctx.strokeRect(node.x - textWidth/2 - 6, node.y + radius + 16, textWidth + 12, fontSize * 1.4); // Texto ctx.fillStyle = '#1a202c'; ctx.textAlign = 'center'; ctx.textBaseline = 'top'; ctx.fillText(text, node.x, node.y + radius + 18); // Subtítulo con citas ctx.font = `600 ${fontSize * 0.75}px system-ui`; ctx.fillStyle = '#4a5568'; ctx.fillText(`${node.citations.toLocaleString()} citas`, node.x, node.y + radius + 18 + fontSize); // Indicador OA ctx.font = `600 ${fontSize * 0.65}px system-ui`; ctx.fillStyle = `rgb(${node.oaColor.join(',')})`; const oaLabel = node.oaLevel === 'high' ? ' 100% OA' : node.oaLevel === 'medium' ? ' 50-99% OA' : node.oaLevel === 'low' ? ' 1-49% OA' : ' CERRADO'; ctx.fillText(oaLabel, node.x, node.y + radius + 20 + fontSize * 1.8); }) .onNodeClick((node) => { console.log('Revista seleccionada:', node.name); }) // Configuración de links .linkColor(l => { if (l.value >= 4) return 'rgba(231, 76, 60, 0.8)'; if (l.value >= 3) return 'rgba(52, 152, 219, 0.7)'; if (l.value >= 2) return 'rgba(155, 89, 182, 0.6)'; return 'rgba(149, 165, 166, 0.4)'; }) .linkWidth(l => Math.max(1, l.value * 0.8)) .linkDirectionalArrowLength(8) .linkDirectionalArrowRelPos(1) .linkDirectionalParticles(l => l.value >= 3 ? 3 : 0) .linkDirectionalParticleSpeed(0.008) .linkDirectionalParticleWidth(3) // Fuerzas .d3Force('link', d3.forceLink().id(d => d.id).distance(d => { return CONFIG.linkDistance - (d.value * 10); }).strength(0.15)) .d3Force('charge', d3.forceManyBody().strength(-500).theta(0.9).distanceMax(600)) .d3Force('center', d3.forceCenter().strength(0.08)) .d3Force('collide', d3.forceCollide().radius(d => d.val * CONFIG.nodeRelSize + 35).strength(0.9).iterations(3)) .warmupTicks(CONFIG.warmupTicks) .cooldownTicks(CONFIG.cooldownTicks) .onEngineStop(() => console.log("✅ Simulación completada")); // ============================================================================ // PANELES INFORMATIVOS // ============================================================================ // Leyenda de regiones const legendPanel = graphArea.append("div") .style("position", "absolute") .style("top", "15px") .style("right", "15px") .style("background", "rgba(255,255,255,0.98)") .style("padding", "15px") .style("border-radius", "8px") .style("border", "1px solid #e1e4e8") .style("box-shadow", "0 4px 12px rgba(0,0,0,0.15)") .style("font-size", "11px") .style("max-width", "200px"); legendPanel.append("div") .style("font-weight", "700") .style("margin-bottom", "10px") .style("color", "#24292e") .style("border-bottom", "2px solid #e1e4e8") .style("padding-bottom", "6px") .text("Regiones Geográficas"); const regions = [ { c: CONFIG.colors.europe, l: "Europa" }, { c: CONFIG.colors.americas, l: "Américas" }, { c: CONFIG.colors.asia, l: "Asia" }, { c: CONFIG.colors.oceania, l: "Oceanía" }, { c: CONFIG.colors.africa, l: "África" } ]; regions.forEach(item => { const row = legendPanel.append("div") .style("display", "flex") .style("align-items", "center") .style("margin", "5px 0"); row.append("div") .style("width", "14px") .style("height", "14px") .style("border-radius", "50%") .style("border", `3px solid rgb(${item.c.join(',')})`) .style("background", "transparent") .style("margin-right", "10px"); row.append("span").style("color", "#444").style("font-weight", "500").text(item.l); }); // Leyenda OA legendPanel.append("div") .style("margin-top", "12px") .style("padding-top", "10px") .style("border-top", "2px solid #e1e4e8") .style("font-weight", "700") .style("color", "#24292e") .text("Acceso Abierto"); const oaItems = [ { c: CONFIG.colors.oa_high, l: " 100% OA" }, { c: CONFIG.colors.oa_medium, l: " 50-99% OA" }, { c: CONFIG.colors.oa_low, l: " 1-49% OA" }, { c: CONFIG.colors.oa_none, l: " 0% OA (Cerrado)" } ]; oaItems.forEach(item => { const row = legendPanel.append("div") .style("display", "flex") .style("align-items", "center") .style("margin", "6px 0"); row.append("div") .style("width", "16px") .style("height", "5px") .style("background", `rgb(${item.c.join(',')})`) .style("border-radius", "2px") .style("margin-right", "10px"); row.append("span").style("color", "#444").style("font-size", "10px").style("font-weight", "600").text(item.l); }); // Nota metodológica formal const methodPanel = graphArea.append("div") .style("position", "absolute") .style("bottom", "15px") .style("left", "15px") .style("background", "#ffffff") .style("padding", "12px") .style("border-radius", "0px") .style("border", "1px solid #333333") .style("box-shadow", "2px 2px 6px rgba(0,0,0,0.1)") .style("font-size", "9px") .style("color", "#333333") .style("max-width", "420px") .style("font-family", "'Times New Roman', Georgia, serif") .style("line-height", "1.5"); const publishers = [...new Set(graphData.nodes.map(n => n.publisher))]; methodPanel.html(`

Methodological Note

Data source: OpenAlex API. Selection criteria: Top 14 journals in Library and Information Sciences by total citation count. Co-citation methodology: Links weighted by shared publisher, citation similarity, and geographic region. Node size: Proportional to √citations. Color coding: Blue = Europe, Red = Americas. Publishers represented: ${publishers.join('; ')}. Network density: ${(graphData.links.length / (graphData.nodes.length * (graphData.nodes.length-1) / 2)).toFixed(3)}.

`); // Controles de zoom const zoomControls = graphArea.append("div") .style("position", "absolute") .style("bottom", "15px") .style("right", "15px") .style("display", "flex") .style("gap", "6px"); const zoomBtn = (icon, action) => { zoomControls.append("button") .text(icon) .style("width", "32px") .style("height", "32px") .style("border", "1px solid #d1d5da") .style("border-radius", "6px") .style("background", "#fff") .style("cursor", "pointer") .style("font-size", "16px") .style("display", "flex") .style("align-items", "center") .style("justify-content", "center") .on("click", action); }; zoomBtn("+", () => Graph.zoom(Graph.zoom() * 1.3, 300)); zoomBtn("−", () => Graph.zoom(Graph.zoom() * 0.7, 300)); zoomBtn("⟲", () => Graph.zoomToFit(400, 60)); // Resize observer let resizeTimeout; const resizeObserver = new ResizeObserver(entries => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(() => { for (let entry of entries) { Graph.width(entry.contentRect.width).height(entry.contentRect.height); } }, 100); }); resizeObserver.observe(graphArea.node()); return container.node(); }2e:[] 2b:{"id":"e5f1f21b279380c2","slug":null,"title":"Red de Co-citación WebGL","thumbnail":"ff86977b23444d2510b42386a7e9605f19724c662167ce1e11e5a2724606be11","access_level":"public","create_time":"$D2026-04-01T23:44:23.170Z","update_time":"$D2026-04-06T23:54:29.312Z","view_time":null,"first_public_time":"$D2026-04-07T00:27:41.585Z","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":28,"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":"Red de Co-citación WebGL","cells":[{"id":0,"value":"# Red de Co-citación WebGL","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"