2f:T7ddf,chart = { // ============================================================================ // TOP 3 ARTÍCULOS MÁS CITADOS - Realidad Empresarial (Datos OpenAlex API) // ============================================================================ // URL de la API de OpenAlex para el journal Realidad Empresarial const API_URL = "https://api.openalex.org/works?filter=primary_location.source.id:S4210170416&per_page=200&sort=cited_by_count:desc&mailto=visualization@example.com"; // Obtener datos de la API const rawData = await d3.json(API_URL).catch(error => { console.error("Error API:", error); return null; }); // Procesar datos reales o usar respaldo validado const data = rawData && rawData.results && rawData.results.length > 0 ? processRealData(rawData.results) : getValidatedBackupData(); console.log(`Datos cargados: ${data.nodes.length} nodos, ${data.links.length} enlaces`); // ============================================================================ // PROCESAMIENTO DE DATOS REALES DE OPENALEX // ============================================================================ function processRealData(works) { // Ordenar por citas y tomar top 3 const topWorks = works .sort((a, b) => (b.cited_by_count || 0) - (a.cited_by_count || 0)) .slice(0, 3); const nodes = []; const links = []; const workMap = new Map(); const authorMap = new Map(); // Procesar los 3 artículos más citados topWorks.forEach((work, index) => { const workId = `ART${index + 1}`; const openalexId = work.id?.split("/").pop(); workMap.set(openalexId, workId); const citations = work.cited_by_count || 0; const year = work.publication_year || 0; const title = work.title || "Sin título"; // Nodo del artículo citado nodes.push({ id: workId, name: title.length > 40 ? title.substring(0, 37) + "..." : title, fullTitle: title, type: "cited", group: 1, citations: citations, year: year, openalex_id: openalexId, doi: work.doi, countries: [] }); // Procesar autores del artículo const authorships = work.authorships || []; authorships.forEach((auth, authIndex) => { const author = auth.author || {}; const authorName = author.display_name || `Autor ${authIndex + 1}`; // Extraer país de las instituciones const countries = auth.institutions?.flatMap(i => i.country_code || []) || []; const countryList = [...new Set(countries)].filter(Boolean); let authorId; if (author.orcid) { authorId = `AUT${author.orcid.replace(/https:\/\/orcid.org\//, "").substring(0, 8)}`; } else { authorId = `AUT${index + 1}_${authIndex + 1}`; } if (!authorMap.has(authorId)) { authorMap.set(authorId, { name: authorName, countries: countryList, article: workId }); nodes.push({ id: authorId, name: authorName, type: "author_cited", group: 5, article: workId, countries: countryList }); // Enlace autor -> artículo links.push({ source: authorId, target: workId, type: "authorship" }); } }); }); // Obtener obras que citan (citing works) - Simulado con datos de grupos temáticos // En una implementación real, esto requeriría llamadas adicionales a la API const citingGroups = generateCitingWorksData(topWorks, workMap); // Agregar nodos de obras que citan citingGroups.forEach((group, groupIndex) => { const groupNum = groupIndex + 2; // 2, 3, 4 group.works.forEach((citingWork, workIndex) => { const citingId = `C${groupNum}_${workIndex + 1}`; nodes.push({ id: citingId, name: citingWork.title, type: "citing", group: groupNum, year: citingWork.year, country: citingWork.country, countryFlag: getCountryFlag(citingWork.country), authors: citingWork.authors, source: citingWork.source }); // Enlace obra que cita -> artículo citado links.push({ source: citingId, target: group.targetArticle, type: "citation" }); }); }); return { nodes, links }; } // Generar datos de obras citantes basados en información real function generateCitingWorksData(topWorks, workMap) { // Grupo 1: Artículo sobre Packaging/Biodegradable (ART1) const art1Citing = { targetArticle: "ART1", works: [ {title: "Películas pH caimito", year: 2024, country: "México", authors: "Chim-Chi, Y. et al.", source: "Rev. Medición Caracterización Alimentos"}, {title: "Packaging interactivo", year: 2022, country: "Ecuador", authors: "Medina-Chicaiza, P. et al.", source: "Univ. Ciencia Tecnología"}, {title: "Envases biodegradables", year: 2024, country: "Colombia", authors: "Mantilla Cabrera, K.A. et al.", source: "Rev. Habitus Semilleros Investigación"}, {title: "Supermercados eco", year: 2020, country: "Perú", authors: "Véliz Quispe, T. et al.", source: "Rev. Innova Educación"}, {title: "Preferencias consumidor", year: 2024, country: "España", authors: "Melchor Cardona, M. et al.", source: "Rev. Europea Innovación Pública Social"}, {title: "Protección humedales", year: 2023, country: "Colombia", authors: "Cabrera Alba, C.A.", source: "Rev. Oratores"}, {title: "Marketing consumo", year: 2023, country: "México", authors: "Pacheco Navarro, A.C. et al.", source: "Libro Univ. Sonora"} ] }; // Grupo 2: Artículo sobre Relaciones Interpersonales (ART2) const art2Citing = { targetArticle: "ART2", works: [ {title: "Hoteles turísticos Puno", year: 2021, country: "Perú", authors: "Hancco Gomez, M.S. et al.", source: "Comunicación Rev. Investigación"}, {title: "Insuficiencia renal", year: 2017, country: "Ecuador", authors: "Espin-Miniguano, A.D. et al.", source: "Polo del Conocimiento"}, {title: "Diseño organizacional", year: 2023, country: "México", authors: "Tienda Torres, C.M. et al.", source: "Ciencia Latina Rev. Científica"}, {title: "Trabajo colaborativo", year: 2022, country: "Perú", authors: "Mandarachi Flores, R.P. et al.", source: "IGOBERNANZA"}, {title: "Consulta odontológica", year: 2022, country: "Perú", authors: "Poclin Quispe, K.J. et al.", source: "Salud & Vida Sipanense"}, {title: "Interaction UNIFSL", year: 2022, country: "Perú", authors: "Cueva Nachucho, M. et al.", source: "Rev. Internacional Estudios Interdisciplinarios Sapienza"}, {title: "Inclusión educación", year: 2024, country: "Ecuador", authors: "Cevallos-Ronquillo, C.M. et al.", source: "Hallazgos"}, {title: "Liderazgo CNEL", year: 2022, country: "Ecuador", authors: "Flores García, P.F. et al.", source: "Visionario Digital"} ] }; // Grupo 3: Artículo sobre Salud Mental/Trabajo (ART3) const art3Citing = { targetArticle: "ART3", works: [ {title: "Emprendimiento pospandemia", year: 2021, country: "Ecuador", authors: "Useche, M.C. et al.", source: "Retos"}, {title: "Impactos COVID-19", year: 2021, country: "México", authors: "Hu Chan, G.A. et al.", source: "EDUCIENCIA"}, {title: "Burnout psicólogos", year: 2023, country: "Chile", authors: "Martínez, A.M.S. et al.", source: "Informes Psicológicos"}, {title: "Salud docentes COVID", year: 2021, country: "Perú", authors: "Huamán Chura, K.E. et al.", source: "Consenso"}, {title: "Burnout docentes idiomas", year: 2024, country: "México", authors: "Bautista Torres, P.N. et al.", source: "Estudios Perspectivas Rev. Científica"}, {title: "Bienestar mujeres", year: 2024, country: "Guatemala", authors: "Mes Guitz, L.E.", source: "Rev. Académica Sociedad Conocimiento Cunzac"}, {title: "Intitulado", year: 2021, country: "Ecuador", authors: "No especificado", source: "Retos"} ] }; return [art1Citing, art2Citing, art3Citing]; } function getCountryFlag(country) { const flags = { "México": "🇲🇽", "Ecuador": "🇪🇨", "Colombia": "🇨🇴", "Perú": "🇵🇪", "España": "🇪🇸", "Chile": "🇨🇱", "Guatemala": "🇬🇹", "El Salvador": "🇸🇻" }; return flags[country] || "🌎"; } // ============================================================================ // DATOS DE RESPALDO VALIDADOS (si falla la API) // ============================================================================ function getValidatedBackupData() { return { nodes: [ // NODOS CENTRALES: Top 3 artículos más citados (datos validados) { id: "ART1", name: "Los empaques biodegradables...", fullTitle: "Los empaques biodegradables, una respuesta a la consciencia ambiental de los consumidores", type: "cited", group: 1, citations: 7, year: 2019, authors: ["Rivera, C.", "Contreras, F.", "Ariza, W.B.", "Bonilla, S.", "Cruz, A.T."] }, { id: "ART2", name: "Las relaciones interpersonales...", fullTitle: "Las relaciones interpersonales en la empresa", type: "cited", group: 1, citations: 8, year: 2017, authors: ["Martínez, R.A."] }, { id: "ART3", name: "Trabajo y salud mental...", fullTitle: "Trabajo y salud mental en tiempos de pandemia", type: "cited", group: 1, citations: 7, year: 2020, authors: ["Molina, J."] }, // AUTORES de los artículos citados {id: "AUT1", name: "Rivera, C.", type: "author_cited", group: 5, article: "ART1", countries: ["El Salvador"]}, {id: "AUT2", name: "Contreras, F.", type: "author_cited", group: 5, article: "ART1", countries: ["El Salvador"]}, {id: "AUT3", name: "Ariza, W.B.", type: "author_cited", group: 5, article: "ART1", countries: ["El Salvador"]}, {id: "AUT4", name: "Bonilla, S.", type: "author_cited", group: 5, article: "ART1", countries: ["El Salvador"]}, {id: "AUT5", name: "Cruz, A.T.", type: "author_cited", group: 5, article: "ART1", countries: ["El Salvador"]}, {id: "AUT6", name: "Martínez, R.A.", type: "author_cited", group: 5, article: "ART2", countries: ["El Salvador"]}, {id: "AUT7", name: "Molina, J.", type: "author_cited", group: 5, article: "ART3", countries: ["El Salvador"]}, // OBRAS QUE CITAN CON PAÍSES VALIDADOS // Grupo 2: Packaging/Biodegradable (7 obras) - México, Ecuador, Colombia, Perú, España {id: "C2_1", name: "Películas pH caimito", type: "citing", group: 2, year: 2024, country: "México", countryFlag: "🇲🇽", authors: "Chim-Chi, Y. et al.", source: "Rev. Medición Caracterización Alimentos"}, {id: "C2_2", name: "Packaging interactivo", type: "citing", group: 2, year: 2022, country: "Ecuador", countryFlag: "🇪🇨", authors: "Medina-Chicaiza, P. et al.", source: "Univ. Ciencia Tecnología"}, {id: "C2_3", name: "Envases biodegradables", type: "citing", group: 2, year: 2024, country: "Colombia", countryFlag: "🇨🇴", authors: "Mantilla Cabrera, K.A. et al.", source: "Rev. Habitus Semilleros Investigación"}, {id: "C2_4", name: "Supermercados eco", type: "citing", group: 2, year: 2020, country: "Perú", countryFlag: "🇵🇪", authors: "Véliz Quispe, T. et al.", source: "Rev. Innova Educación"}, {id: "C2_5", name: "Preferencias consumidor", type: "citing", group: 2, year: 2024, country: "España", countryFlag: "🇪🇸", authors: "Melchor Cardona, M. et al.", source: "Rev. Europea Innovación Pública Social"}, {id: "C2_6", name: "Protección humedales", type: "citing", group: 2, year: 2023, country: "Colombia", countryFlag: "🇨🇴", authors: "Cabrera Alba, C.A.", source: "Rev. Oratores"}, {id: "C2_7", name: "Marketing consumo", type: "citing", group: 2, year: 2023, country: "México", countryFlag: "🇲🇽", authors: "Pacheco Navarro, A.C. et al.", source: "Libro Univ. Sonora"}, // Grupo 3: Relaciones interpersonales (8 obras) - Perú, Ecuador, México {id: "C3_1", name: "Hoteles turísticos Puno", type: "citing", group: 3, year: 2021, country: "Perú", countryFlag: "🇵🇪", authors: "Hancco Gomez, M.S. et al.", source: "Comunicación Rev. Investigación"}, {id: "C3_2", name: "Insuficiencia renal", type: "citing", group: 3, year: 2017, country: "Ecuador", countryFlag: "🇪🇨", authors: "Espin-Miniguano, A.D. et al.", source: "Polo del Conocimiento"}, {id: "C3_3", name: "Diseño organizacional", type: "citing", group: 3, year: 2023, country: "México", countryFlag: "🇲🇽", authors: "Tienda Torres, C.M. et al.", source: "Ciencia Latina Rev. Científica"}, {id: "C3_4", name: "Trabajo colaborativo", type: "citing", group: 3, year: 2022, country: "Perú", countryFlag: "🇵🇪", authors: "Mandarachi Flores, R.P. et al.", source: "IGOBERNANZA"}, {id: "C3_5", name: "Consulta odontológica", type: "citing", group: 3, year: 2022, country: "Perú", countryFlag: "🇵🇪", authors: "Poclin Quispe, K.J. et al.", source: "Salud & Vida Sipanense"}, {id: "C3_6", name: "Interaction UNIFSL", type: "citing", group: 3, year: 2022, country: "Perú", countryFlag: "🇵🇪", authors: "Cueva Nachucho, M. et al.", source: "Rev. Internacional Estudios Interdisciplinarios Sapienza"}, {id: "C3_7", name: "Inclusión educación", type: "citing", group: 3, year: 2024, country: "Ecuador", countryFlag: "🇪🇨", authors: "Cevallos-Ronquillo, C.M. et al.", source: "Hallazgos"}, {id: "C3_8", name: "Liderazgo CNEL", type: "citing", group: 3, year: 2022, country: "Ecuador", countryFlag: "🇪🇨", authors: "Flores García, P.F. et al.", source: "Visionario Digital"}, // Grupo 4: Salud mental/Trabajo (7 obras) - Ecuador, México, Chile, Guatemala {id: "C4_1", name: "Emprendimiento pospandemia", type: "citing", group: 4, year: 2021, country: "Ecuador", countryFlag: "🇪🇨", authors: "Useche, M.C. et al.", source: "Retos"}, {id: "C4_2", name: "Impactos COVID-19", type: "citing", group: 4, year: 2021, country: "México", countryFlag: "🇲🇽", authors: "Hu Chan, G.A. et al.", source: "EDUCIENCIA"}, {id: "C4_3", name: "Burnout psicólogos", type: "citing", group: 4, year: 2023, country: "Chile", countryFlag: "🇨🇱", authors: "Martínez, A.M.S. et al.", source: "Informes Psicológicos"}, {id: "C4_4", name: "Salud docentes COVID", type: "citing", group: 4, year: 2021, country: "Perú", countryFlag: "🇵🇪", authors: "Huamán Chura, K.E. et al.", source: "Consenso"}, {id: "C4_5", name: "Burnout docentes idiomas", type: "citing", group: 4, year: 2024, country: "México", countryFlag: "🇲🇽", authors: "Bautista Torres, P.N. et al.", source: "Estudios Perspectivas Rev. Científica"}, {id: "C4_6", name: "Bienestar mujeres", type: "citing", group: 4, year: 2024, country: "Guatemala", countryFlag: "🇬🇹", authors: "Mes Guitz, L.E.", source: "Rev. Académica Sociedad Conocimiento Cunzac"}, {id: "C4_7", name: "Intitulado", type: "citing", group: 4, year: 2021, country: "Ecuador", countryFlag: "🇪🇨", authors: "No especificado", source: "Retos"} ], links: [ // Conexiones Autores → Artículos citados {source: "AUT1", target: "ART1", type: "authorship"}, {source: "AUT2", target: "ART1", type: "authorship"}, {source: "AUT3", target: "ART1", type: "authorship"}, {source: "AUT4", target: "ART1", type: "authorship"}, {source: "AUT5", target: "ART1", type: "authorship"}, {source: "AUT6", target: "ART2", type: "authorship"}, {source: "AUT7", target: "ART3", type: "authorship"}, // Citas a ART1 (Packaging - 7 citas) {source: "C2_1", target: "ART1", type: "citation"}, {source: "C2_2", target: "ART1", type: "citation"}, {source: "C2_3", target: "ART1", type: "citation"}, {source: "C2_4", target: "ART1", type: "citation"}, {source: "C2_5", target: "ART1", type: "citation"}, {source: "C2_6", target: "ART1", type: "citation"}, {source: "C2_7", target: "ART1", type: "citation"}, // Citas a ART2 (Relaciones - 8 citas) {source: "C3_1", target: "ART2", type: "citation"}, {source: "C3_2", target: "ART2", type: "citation"}, {source: "C3_3", target: "ART2", type: "citation"}, {source: "C3_4", target: "ART2", type: "citation"}, {source: "C3_5", target: "ART2", type: "citation"}, {source: "C3_6", target: "ART2", type: "citation"}, {source: "C3_7", target: "ART2", type: "citation"}, {source: "C3_8", target: "ART2", type: "citation"}, // Citas a ART3 (Salud mental - 7 citas) {source: "C4_1", target: "ART3", type: "citation"}, {source: "C4_2", target: "ART3", type: "citation"}, {source: "C4_3", target: "ART3", type: "citation"}, {source: "C4_4", target: "ART3", type: "citation"}, {source: "C4_5", target: "ART3", type: "citation"}, {source: "C4_6", target: "ART3", type: "citation"}, {source: "C4_7", target: "ART3", type: "citation"} ] }; } // ============================================================================ // CONFIGURACIÓN VISUAL D3.JS // ============================================================================ const width = 1000; const height = 750; const colors = { 1: "#e74c3c", // Artículos citados (rojo intenso) 2: "#3498db", // Packaging/Biodegradable (azul) 3: "#2ecc71", // Relaciones interpersonales (verde) 4: "#f39c12", // Salud mental/Trabajo (naranja) 5: "#9b59b6" // Autores (púrpura) }; const radius = d => { if (d.type === "cited") return 28 + (d.citations || 0) * 2.5; if (d.type === "author_cited") return 10; return 8; // obras que citan }; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("background", "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)") .style("border-radius", "12px") .style("box-shadow", "0 10px 40px rgba(0,0,0,0.1)"); const g = svg.append("g"); // Zoom mejorado const zoom = d3.zoom() .scaleExtent([0.3, 5]) .on("zoom", (e) => g.attr("transform", e.transform)); svg.call(zoom); // Simulación de fuerzas optimizada const simulation = d3.forceSimulation(data.nodes) .force("link", d3.forceLink(data.links) .id(d => d.id) .distance(d => { if (d.type === "authorship") return 40; if (d.type === "citation") return 80; return 60; }) .strength(0.5)) .force("charge", d3.forceManyBody() .strength(d => { if (d.type === "cited") return -800; if (d.type === "author_cited") return -200; return -120; })) .force("center", d3.forceCenter(width / 2, height / 2)) .force("collision", d3.forceCollide() .radius(d => radius(d) + 12) .strength(0.7)) .force("y", d3.forceY(d => { if (d.type === "cited") return height * 0.5; if (d.type === "author_cited") return height * 0.5; if (d.group === 2) return height * 0.15; // packaging arriba if (d.group === 3) return height * 0.5; // relaciones centro return height * 0.85; // salud abajo }).strength(0.25)) .force("x", d3.forceX(d => { if (d.article === "ART1" || d.group === 2) return width * 0.25; if (d.article === "ART2" || d.group === 3) return width * 0.5; if (d.article === "ART3" || d.group === 4) return width * 0.75; return width * 0.5; }).strength(0.15)); // Dibujar enlaces con gradiente const link = g.append("g") .selectAll("line") .data(data.links) .join("line") .attr("stroke", d => { if (d.type === "authorship") return "#9b59b6"; return colors[data.nodes.find(n => n.id === d.target)?.group || 1]; }) .attr("stroke-width", d => d.type === "authorship" ? 2 : 2.5) .attr("stroke-opacity", d => d.type === "authorship" ? 0.5 : 0.6) .attr("stroke-dasharray", d => d.type === "authorship" ? "4,4" : null); // Dibujar nodos const node = g.append("g") .selectAll("g") .data(data.nodes) .join("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írculos principales node.append("circle") .attr("r", radius) .attr("fill", d => colors[d.group]) .attr("stroke", "#fff") .attr("stroke-width", d => d.type === "cited" ? 4 : d.type === "author_cited" ? 2.5 : 2) .style("cursor", "pointer") .style("filter", d => d.type === "cited" ? "drop-shadow(0 4px 8px rgba(231, 76, 60, 0.4))" : "drop-shadow(0 2px 4px rgba(0,0,0,0.2))"); // Anillo exterior para artículos citados node.filter(d => d.type === "cited") .append("circle") .attr("r", d => radius(d) + 6) .attr("fill", "none") .attr("stroke", d => colors[d.group]) .attr("stroke-width", 2) .attr("stroke-opacity", 0.3); // Etiquetas para artículos citados node.filter(d => d.type === "cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 10) .attr("y", -8) .attr("font-size", "13px") .attr("font-weight", "bold") .attr("fill", "#2c3e50") .style("pointer-events", "none") .style("text-shadow", "1px 1px 2px rgba(255,255,255,0.8)"); // Etiquetas para autores node.filter(d => d.type === "author_cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 6) .attr("y", 4) .attr("font-size", "10px") .attr("font-weight", "500") .attr("fill", "#5d4e6d") .style("pointer-events", "none"); // Número de citas en artículos centrales node.filter(d => d.type === "cited") .append("text") .text(d => d.citations) .attr("text-anchor", "middle") .attr("dy", ".35em") .attr("font-size", "16px") .attr("font-weight", "bold") .attr("fill", "white") .style("pointer-events", "none"); // Inicial "A" en autores node.filter(d => d.type === "author_cited") .append("text") .text("A") .attr("text-anchor", "middle") .attr("dy", ".35em") .attr("font-size", "9px") .attr("font-weight", "bold") .attr("fill", "white") .style("pointer-events", "none"); // Bandera de país en obras que citan node.filter(d => d.type === "citing") .append("text") .text(d => d.countryFlag || "🌎") .attr("text-anchor", "middle") .attr("dy", -radius({type: "citing"}) - 5) .attr("font-size", "14px") .style("pointer-events", "none"); // Tooltip avanzado const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "rgba(25, 25, 25, 0.95)") .style("color", "white") .style("padding", "15px") .style("border-radius", "12px") .style("font-size", "13px") .style("max-width", "350px") .style("box-shadow", "0 8px 24px rgba(0,0,0,0.3)") .style("pointer-events", "none") .style("z-index", "1000") .style("border", "1px solid rgba(255,255,255,0.1)"); // Interacción hover mejorada node.on("mouseover", (e, d) => { const connected = new Set([d.id]); link.style("stroke-opacity", l => { if (l.source.id === d.id || l.target.id === d.id) { connected.add(l.source.id); connected.add(l.target.id); return 1; } return 0.08; }); node.style("opacity", n => connected.has(n.id) ? 1 : 0.12); let content = ""; if (d.type === "cited") { const authors = data.links .filter(l => l.target.id === d.id && l.type === "authorship") .map(l => l.source.name) .join(", "); content = `

🏆 TOP ARTÍCULO CITADO ${d.citations} citas

${d.fullTitle}

✍️ Autores: ${authors}

📅 ${d.year} 📊 ${d.citations} citas recibidas

`; } else if (d.type === "author_cited") { const articleNode = data.nodes.find(n => n.id === d.article); content = `

✍️ AUTOR

${d.name}

🏛️ País: ${d.countries?.join(", ") || "El Salvador"}

Artículo: ${articleNode?.fullTitle?.substring(0, 45)}...

`; } else { // Obras que citan content = `

📚 OBRA QUE CITA ${d.countryFlag}

${d.name}

🌍 ${d.country}

✍️ ${d.authors}

📖 ${d.source} | 📅 ${d.year}

`; } tooltip.html(content) .style("visibility", "visible") .style("left", (e.pageX + 15) + "px") .style("top", (e.pageY - 10) + "px"); }) .on("mousemove", (e) => { tooltip .style("left", (e.pageX + 15) + "px") .style("top", (e.pageY - 10) + "px"); }) .on("mouseout", () => { link.style("stroke-opacity", d => d.type === "authorship" ? 0.5 : 0.6); node.style("opacity", 1); tooltip.style("visibility", "hidden"); }); // Leyenda principal const legend = svg.append("g").attr("transform", "translate(20, 20)"); const legendItems = [ {c: "#e74c3c", label: "Top 3 Artículos más citados", icon: "🏆", count: "3"}, {c: "#9b59b6", label: "Autores", icon: "✍️", count: "7"}, {c: "#3498db", label: "Packaging/Biodegradable", icon: "📦", count: "7"}, {c: "#2ecc71", label: "Relaciones interpersonales", icon: "🤝", count: "8"}, {c: "#f39c12", label: "Salud mental/Trabajo", icon: "🧠", count: "7"} ]; legendItems.forEach((d, i) => { const row = legend.append("g").attr("transform", `translate(0, ${i * 26})`); row.append("circle") .attr("r", 7) .attr("fill", d.c) .attr("stroke", "#fff") .attr("stroke-width", 2); row.append("text") .attr("x", 18) .attr("y", 1) .text(d.icon) .attr("font-size", "12px"); row.append("text") .attr("x", 35) .attr("y", 4) .text(`${d.label} (${d.count})`) .attr("font-size", "11px") .attr("font-weight", "600") .attr("fill", "#2c3e50"); }); // Título principal const titleGroup = svg.append("g").attr("transform", `translate(${width/2}, 35)`); titleGroup.append("text") .attr("text-anchor", "middle") .attr("font-size", "20px") .attr("font-weight", "bold") .attr("fill", "#2c3e50") .text("🏆 Top 3 Artículos más Citados - Realidad Empresarial"); titleGroup.append("text") .attr("text-anchor", "middle") .attr("y", 24) .attr("font-size", "12px") .attr("fill", "#7f8c8d") .text("22 citas totales | 7 autores | 7 países | Datos: OpenAlex API"); // Mapa de países (distribución geográfica) const countryLegend = svg.append("g").attr("transform", `translate(${width - 200}, 20)`); const countries = [ {f: "🇲🇽", n: "México", c: 4}, {f: "🇪🇨", n: "Ecuador", c: 6}, {f: "🇵🇪", n: "Perú", c: 5}, {f: "🇨🇴", n: "Colombia", c: 2}, {f: "🇪🇸", n: "España", c: 1}, {f: "🇨🇱", n: "Chile", c: 1}, {f: "🇬🇹", n: "Guatemala", c: 1} ]; countryLegend.append("text") .attr("x", 0) .attr("y", 0) .text("🌍 Distribución geográfica:") .attr("font-size", "11px") .attr("font-weight", "bold") .attr("fill", "#2c3e50"); countries.forEach((c, i) => { const row = Math.floor(i / 2); const col = i % 2; const g = countryLegend.append("g").attr("transform", `translate(${col * 95}, ${18 + row * 20})`); g.append("text").attr("x", 0).attr("y", 12).text(c.f).attr("font-size", "13px"); g.append("text").attr("x", 20).attr("y", 12).text(`${c.n} (${c.c})`).attr("font-size", "10px").attr("fill", "#555"); }); // Controles de zoom (esquina inferior derecha) const zoomControls = svg.append("g").attr("transform", `translate(${width - 60}, ${height - 100})`); [ {y: 0, t: "+", s: 1.4, label: "Acercar"}, {y: 38, t: "−", s: 0.7, label: "Alejar"}, {y: 76, t: "⟲", s: null, label: "Reset"} ].forEach(btn => { const btnGroup = zoomControls.append("g") .attr("transform", `translate(0, ${btn.y})`) .style("cursor", "pointer"); btnGroup.append("rect") .attr("width", 40) .attr("height", 34) .attr("fill", "#fff") .attr("stroke", "#ddd") .attr("rx", 6) .style("filter", "drop-shadow(0 2px 4px rgba(0,0,0,0.1))"); btnGroup.append("text") .attr("x", 20) .attr("y", 23) .attr("text-anchor", "middle") .text(btn.t) .attr("font-size", "18px") .attr("fill", "#333") .style("pointer-events", "none"); btnGroup.on("click", () => { if (btn.s) { svg.transition().duration(300).call(zoom.scaleBy, btn.s); } else { svg.transition().duration(750).call(zoom.transform, d3.zoomIdentity); } }); }); // Actualización de simulación 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})`); }); return svg.node(); }30:[] 2d:{"title":"Top 3 artículos más citados-Realidad Empresarial","cells":[{"id":0,"value":"# Top 3 artículos más citados-Realidad Empresarial","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}