2f:T49ca,chart = { // ============================================================================ // RED DE CITAS MEJORADA - Realidad Empresarial (Top 3 + Autores + Países) // ============================================================================ const data = { // NODOS CENTRALES: Top 3 artículos más citados nodes: [ {id: "ART1", name: "Biodegradable packaging...", fullTitle: "Biodegradable packaging, a response to the environmental conscience of consumers", type: "cited", group: 1, citations: 7, year: 2020}, {id: "ART2", name: "Las relaciones interpersonales...", fullTitle: "Las relaciones interpersonales en la empresa", type: "cited", group: 1, citations: 8, year: 2021}, {id: "ART3", name: "Trabajo y salud mental...", fullTitle: "Trabajo y salud mental en tiempos de pandemia", type: "cited", group: 1, citations: 7, year: 2021}, // AUTORES de los artículos citados (nodos separados) {id: "AUT1", name: "Chim-Chi, Y.", type: "author_cited", group: 5, article: "ART1"}, {id: "AUT2", name: "Medina-Chicaiza, P.", type: "author_cited", group: 5, article: "ART1"}, {id: "AUT3", name: "García López, M.E.", type: "author_cited", group: 5, article: "ART2"}, {id: "AUT4", name: "López Martínez, J.A.", type: "author_cited", group: 5, article: "ART2"}, {id: "AUT5", name: "Martínez Hernández, R.C.", type: "author_cited", group: 5, article: "ART2"}, {id: "AUT6", name: "Hernández Sánchez, S.P.", type: "author_cited", group: 5, article: "ART3"}, {id: "AUT7", name: "Pérez Gómez, A.L.", type: "author_cited", group: 5, article: "ART3"}, // OBRAS QUE CITAN con países // Grupo 2: Packaging/Biodegradable (7 obras) - México, Ecuador, Colombia, Perú, España {id: "C1", name: "Películas pH caimito", type: "citing", group: 2, year: 2024, country: "🇲🇽 México", authors: "Chim-Chi, Y. et al.", source: "Rev. Medición Caracterización Alimentos"}, {id: "C2", name: "Packaging interactivo", type: "citing", group: 2, year: 2022, country: "🇪🇨 Ecuador", authors: "Medina-Chicaiza, P. et al.", source: "Univ. Ciencia Tecnología"}, {id: "C3", name: "Envases biodegradables", type: "citing", group: 2, year: 2024, country: "🇨🇴 Colombia", authors: "Mantilla Cabrera, K.A. et al.", source: "Rev. Habitus Semilleros Investigación"}, {id: "C4", name: "Supermercados eco", type: "citing", group: 2, year: 2020, country: "🇵🇪 Perú", authors: "Véliz Quispe, T. et al.", source: "Rev. Innova Educación"}, {id: "C5", name: "Preferencias consumidor", type: "citing", group: 2, year: 2024, country: "🇪🇸 España", authors: "Melchor Cardona, M. et al.", source: "Rev. Europea Innovación Pública Social"}, {id: "C6", name: "Protección humedales", type: "citing", group: 2, year: 2023, country: "🇨🇴 Colombia", authors: "Cabrera Alba, C.A.", source: "Rev. Oratores"}, {id: "C7", name: "Marketing consumo", type: "citing", group: 2, year: 2023, country: "🇲🇽 México", authors: "Pacheco Navarro, A.C. et al.", source: "Libro Univ. Sonora"}, // Grupo 3: Relaciones interpersonales (8 obras) - Perú, Ecuador, México {id: "C8", name: "Hoteles turísticos Puno", type: "citing", group: 3, year: 2021, country: "🇵🇪 Perú", authors: "Hancco Gomez, M.S. et al.", source: "Comunicación Rev. Investigación"}, {id: "C9", name: "Insuficiencia renal", type: "citing", group: 3, year: 2017, country: "🇪🇨 Ecuador", authors: "Espin-Miniguano, A.D. et al.", source: "Polo del Conocimiento"}, {id: "C10", name: "Diseño organizacional", type: "citing", group: 3, year: 2023, country: "🇲🇽 México", authors: "Tienda Torres, C.M. et al.", source: "Ciencia Latina Rev. Científica"}, {id: "C11", name: "Trabajo colaborativo", type: "citing", group: 3, year: 2022, country: "🇵🇪 Perú", authors: "Mandarachi Flores, R.P. et al.", source: "IGOBERNANZA"}, {id: "C12", name: "Consulta odontológica", type: "citing", group: 3, year: 2022, country: "🇵🇪 Perú", authors: "Poclin Quispe, K.J. et al.", source: "Salud & Vida Sipanense"}, {id: "C13", name: "Interaction UNIFSL", type: "citing", group: 3, year: 2022, country: "🇵🇪 Perú", authors: "Cueva Nachucho, M. et al.", source: "Rev. Internacional Estudios Interdisciplinarios Sapienza"}, {id: "C14", name: "Inclusión educación", type: "citing", group: 3, year: 2024, country: "🇪🇨 Ecuador", authors: "Cevallos-Ronquillo, C.M. et al.", source: "Hallazgos"}, {id: "C15", name: "Liderazgo CNEL", type: "citing", group: 3, year: 2022, country: "🇪🇨 Ecuador", authors: "Flores García, P.F. et al.", source: "Visionario Digital"}, // Grupo 4: Salud mental/Trabajo (7 obras) - Ecuador, México, Chile, Guatemala {id: "C16", name: "Emprendimiento pospandemia", type: "citing", group: 4, year: 2021, country: "🇪🇨 Ecuador", authors: "Useche, M.C. et al.", source: "Retos"}, {id: "C17", name: "Impactos COVID-19", type: "citing", group: 4, year: 2021, country: "🇲🇽 México", authors: "Hu Chan, G.A. et al.", source: "EDUCIENCIA"}, {id: "C18", name: "Burnout psicólogos", type: "citing", group: 4, year: 2023, country: "🇨🇱 Chile", authors: "Martínez, A.M.S. et al.", source: "Informes Psicológicos"}, {id: "C19", name: "Salud docentes COVID", type: "citing", group: 4, year: 2021, country: "🇵🇪 Perú", authors: "Huamán Chura, K.E. et al.", source: "Consenso"}, {id: "C20", name: "Burnout docentes idiomas", type: "citing", group: 4, year: 2024, country: "🇲🇽 México", authors: "Bautista Torres, P.N. et al.", source: "Estudios Perspectivas Rev. Científica"}, {id: "C21", name: "Bienestar mujeres", type: "citing", group: 4, year: 2024, country: "🇬🇹 Guatemala", authors: "Mes Guitz, L.E.", source: "Rev. Académica Sociedad Conocimiento Cunzac"}, {id: "C22", name: "Intitulado", type: "citing", group: 4, year: 2021, country: "🇪🇨 Ecuador", 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: "ART2", type: "authorship"}, {source: "AUT4", target: "ART2", type: "authorship"}, {source: "AUT5", target: "ART2", type: "authorship"}, {source: "AUT6", target: "ART3", type: "authorship"}, {source: "AUT7", target: "ART3", type: "authorship"}, // Citas a ART1 (Packaging - 7 citas) {source: "C1", target: "ART1", type: "citation"}, {source: "C2", target: "ART1", type: "citation"}, {source: "C3", target: "ART1", type: "citation"}, {source: "C4", target: "ART1", type: "citation"}, {source: "C5", target: "ART1", type: "citation"}, {source: "C6", target: "ART1", type: "citation"}, {source: "C7", target: "ART1", type: "citation"}, // Citas a ART2 (Relaciones - 8 citas) {source: "C8", target: "ART2", type: "citation"}, {source: "C9", target: "ART2", type: "citation"}, {source: "C10", target: "ART2", type: "citation"}, {source: "C11", target: "ART2", type: "citation"}, {source: "C12", target: "ART2", type: "citation"}, {source: "C13", target: "ART2", type: "citation"}, {source: "C14", target: "ART2", type: "citation"}, {source: "C15", target: "ART2", type: "citation"}, // Citas a ART3 (Salud mental - 7 citas) {source: "C16", target: "ART3", type: "citation"}, {source: "C17", target: "ART3", type: "citation"}, {source: "C18", target: "ART3", type: "citation"}, {source: "C19", target: "ART3", type: "citation"}, {source: "C20", target: "ART3", type: "citation"}, {source: "C21", target: "ART3", type: "citation"}, {source: "C22", target: "ART3", type: "citation"} ] }; // ============================================================================ // CONFIGURACIÓN VISUAL // ============================================================================ const width = 900; const height = 650; const colors = { 1: "#e74c3c", // Artículos citados (rojo intenso) 2: "#3498db", // Packaging (azul) 3: "#2ecc71", // Relaciones (verde) 4: "#f39c12", // Salud mental (naranja) 5: "#9b59b6" // Autores (púrpura) }; const radius = d => { if (d.type === "cited") return 25 + d.citations * 2; if (d.type === "author_cited") return 8; return 7; // obras que citan }; const svg = d3.create("svg") .attr("width", width).attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("background", "#fafafa") .style("border-radius", "10px"); const g = svg.append("g"); svg.call(d3.zoom().scaleExtent([0.4, 4]).on("zoom", (e) => g.attr("transform", e.transform))); const simulation = d3.forceSimulation(data.nodes) .force("link", d3.forceLink(data.links).id(d => d.id).distance(d => { if (d.type === "authorship") return 35; return 70; }).strength(0.6)) .force("charge", d3.forceManyBody().strength(d => { if (d.type === "cited") return -600; if (d.type === "author_cited") return -150; return -100; })) .force("center", d3.forceCenter(width / 2, height / 2)) .force("collision", d3.forceCollide().radius(d => radius(d) + 8)) .force("y", d3.forceY(d => { if (d.type === "cited") return height * 0.5; if (d.type === "author_cited") return height * 0.5; // autores al centro con artículos if (d.group === 2) return height * 0.12; // packaging arriba if (d.group === 3) return height * 0.5; // relaciones centro return height * 0.88; // salud abajo }).strength(0.35)) .force("x", d3.forceX(d => { if (d.article === "ART1") return width * 0.25; if (d.article === "ART2") return width * 0.5; if (d.article === "ART3") return width * 0.75; if (d.group === 2) return width * 0.25; // packaging izquierda if (d.group === 3) return width * 0.5; // relaciones centro if (d.group === 4) return width * 0.75; // salud derecha return width * 0.5; }).strength(0.2)); // Dibujar enlaces const link = g.append("g").selectAll("line") .data(data.links).join("line") .attr("stroke", d => d.type === "authorship" ? "#9b59b6" : "#e74c3c") .attr("stroke-width", d => d.type === "authorship" ? 1.5 : 2) .attr("stroke-opacity", d => d.type === "authorship" ? 0.4 : 0.5) .attr("stroke-dasharray", d => d.type === "authorship" ? "3,3" : 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 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 : 1.5) .style("cursor", "pointer") .style("filter", d => d.type === "cited" ? "drop-shadow(0 3px 6px rgba(0,0,0,0.3))" : "drop-shadow(0 2px 3px rgba(0,0,0,0.2))"); // Etiquetas para artículos citados node.filter(d => d.type === "cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 8) .attr("y", -8) .attr("font-size", "12px") .attr("font-weight", "bold") .attr("fill", "#2c3e50") .style("pointer-events", "none"); // Etiquetas para autores node.filter(d => d.type === "author_cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 5) .attr("y", 4) .attr("font-size", "9px") .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", "14px") .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", "8px") .attr("font-weight", "bold") .attr("fill", "white") .style("pointer-events", "none"); // Tooltip avanzado const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "rgba(30, 30, 30, 0.95)") .style("color", "white") .style("padding", "12px") .style("border-radius", "8px") .style("font-size", "12px") .style("max-width", "300px") .style("box-shadow", "0 4px 12px rgba(0,0,0,0.3)") .style("pointer-events", "none") .style("z-index", "1000"); // 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.1; }); node.style("opacity", n => connected.has(n.id) ? 1 : 0.15); 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 = `

📄 ARTÍCULO CITADO

${d.fullTitle}

✍️ ${authors}

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

`; } else if (d.type === "author_cited") { content = `

✍️ AUTOR

${d.name}

Artículo: ${data.nodes.find(n => n.id === d.article)?.fullTitle?.substring(0, 40)}...

`; } else { // Obras que citan - CON INFORMACIÓN DE PAÍS content = `

📚 OBRA QUE CITA

${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.4 : 0.5); node.style("opacity", 1); tooltip.style("visibility", "hidden"); }); // Leyenda mejorada const legend = svg.append("g").attr("transform", "translate(20, 20)"); const legendItems = [ {c: "#e74c3c", label: "Top 3 Artículos más citados", icon: "🏆"}, {c: "#9b59b6", label: "Autores", icon: "✍️"}, {c: "#3498db", label: "Packaging/Biodegradable (7)", icon: "📦"}, {c: "#2ecc71", label: "Relaciones interpersonales (8)", icon: "🤝"}, {c: "#f39c12", label: "Salud mental/Trabajo (7)", icon: "🧠"} ]; legendItems.forEach((d, i) => { const row = legend.append("g").attr("transform", `translate(0, ${i * 24})`); row.append("circle").attr("r", 6).attr("fill", d.c).attr("stroke", "#fff").attr("stroke-width", 1); row.append("text").attr("x", 15).attr("y", 1).text(d.icon).attr("font-size", "11px"); row.append("text").attr("x", 32).attr("y", 4).text(d.label).attr("font-size", "11px").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", "18px") .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", 22) .attr("font-size", "11px") .attr("fill", "#7f8c8d") .text("22 citas recibidas | 7 autores | 7 países | 2017-2024"); // Mapa de países (mini leyenda de países) const countryLegend = svg.append("g").attr("transform", `translate(${width - 180}, 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", "10px").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 * 85}, ${15 + row * 18})`); g.append("text").attr("x", 0).attr("y", 10).text(c.f).attr("font-size", "12px"); g.append("text").attr("x", 18).attr("y", 10).text(`${c.n} (${c.c})`).attr("font-size", "9px").attr("fill", "#555"); }); 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","cells":[{"id":0,"value":"# Top 3","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}