2f:T3fc1,chart = { // ============================================================================ // PROCEDENCIA DE LAS CITAS - Árbol Radial (Realidad Empresarial) // ============================================================================ // Datos jerárquicos: Centro = Realidad Empresarial, ramas = países, hojas = artículos citantes const data = { name: "Realidad Empresarial", type: "root", country: "🇸🇻 El Salvador", children: [ { name: "México", type: "country", flag: "🇲🇽", region: "Norteamérica", color: "#1abc9c", children: [ {name: "Películas pH caimito", year: 2024, theme: "Packaging", authors: "Chim-Chi, Y. et al.", source: "Rev. Medición Caracterización Alimentos", targetArticle: "Empaques biodegradables"}, {name: "Marketing consumo", year: 2023, theme: "Packaging", authors: "Pacheco Navarro, A.C. et al.", source: "Libro Univ. Sonora", targetArticle: "Empaques biodegradables"}, {name: "Diseño organizacional", year: 2023, theme: "Relaciones", authors: "Tienda Torres, C.M. et al.", source: "Ciencia Latina", targetArticle: "Relaciones interpersonales"}, {name: "Burnout docentes idiomas", year: 2024, theme: "Salud Mental", authors: "Bautista Torres, P.N. et al.", source: "Estudios Perspectivas", targetArticle: "Salud mental"}, {name: "Impactos COVID-19", year: 2021, theme: "Salud Mental", authors: "Hu Chan, G.A. et al.", source: "EDUCIENCIA", targetArticle: "Salud mental"} ] }, { name: "Ecuador", type: "country", flag: "🇪🇨", region: "Sudamérica", color: "#e74c3c", children: [ {name: "Packaging interactivo", year: 2022, theme: "Packaging", authors: "Medina-Chicaiza, P. et al.", source: "Univ. Ciencia Tecnología", targetArticle: "Empaques biodegradables"}, {name: "Insuficiencia renal", year: 2017, theme: "Relaciones", authors: "Espin-Miniguano, A.D. et al.", source: "Polo del Conocimiento", targetArticle: "Relaciones interpersonales"}, {name: "Inclusión educación", year: 2024, theme: "Relaciones", authors: "Cevallos-Ronquillo, C.M. et al.", source: "Hallazgos", targetArticle: "Relaciones interpersonales"}, {name: "Liderazgo CNEL", year: 2022, theme: "Relaciones", authors: "Flores García, P.F. et al.", source: "Visionario Digital", targetArticle: "Relaciones interpersonales"}, {name: "Emprendimiento pospandemia", year: 2021, theme: "Salud Mental", authors: "Useche, M.C. et al.", source: "Retos", targetArticle: "Salud mental"}, {name: "Intitulado", year: 2021, theme: "Salud Mental", authors: "No especificado", source: "Retos", targetArticle: "Salud mental"} ] }, { name: "Perú", type: "country", flag: "🇵🇪", region: "Sudamérica", color: "#f39c12", children: [ {name: "Supermercados eco", year: 2020, theme: "Packaging", authors: "Véliz Quispe, T. et al.", source: "Rev. Innova Educación", targetArticle: "Empaques biodegradables"}, {name: "Hoteles turísticos Puno", year: 2021, theme: "Relaciones", authors: "Hancco Gomez, M.S. et al.", source: "Comunicación Rev. Investigación", targetArticle: "Relaciones interpersonales"}, {name: "Trabajo colaborativo", year: 2022, theme: "Relaciones", authors: "Mandarachi Flores, R.P. et al.", source: "IGOBERNANZA", targetArticle: "Relaciones interpersonales"}, {name: "Consulta odontológica", year: 2022, theme: "Relaciones", authors: "Poclin Quispe, K.J. et al.", source: "Salud & Vida Sipanense", targetArticle: "Relaciones interpersonales"}, {name: "Interaction UNIFSL", year: 2022, theme: "Relaciones", authors: "Cueva Nachucho, M. et al.", source: "Rev. Internacional Sapienza", targetArticle: "Relaciones interpersonales"}, {name: "Salud docentes COVID", year: 2021, theme: "Salud Mental", authors: "Huamán Chura, K.E. et al.", source: "Consenso", targetArticle: "Salud mental"} ] }, { name: "Colombia", type: "country", flag: "🇨🇴", region: "Sudamérica", color: "#9b59b6", children: [ {name: "Envases biodegradables", year: 2024, theme: "Packaging", authors: "Mantilla Cabrera, K.A. et al.", source: "Rev. Habitus", targetArticle: "Empaques biodegradables"}, {name: "Protección humedales", year: 2023, theme: "Packaging", authors: "Cabrera Alba, C.A.", source: "Rev. Oratores", targetArticle: "Empaques biodegradables"} ] }, { name: "España", type: "country", flag: "🇪🇸", region: "Europa", color: "#34495e", children: [ {name: "Preferencias consumidor", year: 2024, theme: "Packaging", authors: "Melchor Cardona, M. et al.", source: "Rev. Europea Innovación", targetArticle: "Empaques biodegradables"} ] }, { name: "Chile", type: "country", flag: "🇨🇱", region: "Sudamérica", color: "#e67e22", children: [ {name: "Burnout psicólogos", year: 2023, theme: "Salud Mental", authors: "Martínez, A.M.S. et al.", source: "Informes Psicológicos", targetArticle: "Salud mental"} ] }, { name: "Guatemala", type: "country", flag: "🇬🇹", region: "Centroamérica", color: "#16a085", children: [ {name: "Bienestar mujeres", year: 2024, theme: "Salud Mental", authors: "Mes Guitz, L.E.", source: "Rev. Académica Cunzac", targetArticle: "Salud mental"} ] } ] }; // Configuración const width = 900; const height = 900; const radius = width / 2 - 100; // Colores por tema const themeColors = { "Packaging": "#3498db", "Relaciones": "#2ecc71", "Salud Mental": "#f39c12" }; // Crear SVG const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width/2, -height/2, width, height]) .style("background", "#fafbfc") .style("border-radius", "12px") .style("font-family", "system-ui, -apple-system, sans-serif"); // Grupo principal con zoom const g = svg.append("g"); const zoom = d3.zoom() .scaleExtent([0.5, 3]) .on("zoom", (e) => g.attr("transform", e.transform)); svg.call(zoom); // Crear jerarquía const root = d3.hierarchy(data) .sum(d => 1) .sort((a, b) => b.value - a.value); // Layout radial cluster const cluster = d3.cluster() .size([2 * Math.PI, radius - 120]); cluster(root); // Dibujar enlaces (líneas curvas) const linkGenerator = d3.linkRadial() .angle(d => d.x) .radius(d => d.y); const links = g.selectAll(".link") .data(root.links()) .enter() .append("path") .attr("class", "link") .attr("d", linkGenerator) .attr("fill", "none") .attr("stroke", d => { if (d.target.depth === 1) return d.target.data.color; return d.target.data.theme ? themeColors[d.target.data.theme] : "#ccc"; }) .attr("stroke-width", d => { if (d.target.depth === 0) return 0; if (d.target.depth === 1) return 4; return 2; }) .attr("stroke-opacity", 0.6); // Nodos const nodes = g.selectAll(".node") .data(root.descendants()) .enter() .append("g") .attr("class", "node") .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0) `); // Círculos de nodos nodes.append("circle") .attr("r", d => { if (d.depth === 0) return 25; // Raíz if (d.depth === 1) return 18; // Países return 8; // Artículos }) .attr("fill", d => { if (d.depth === 0) return "#e74c3c"; if (d.depth === 1) return d.data.color; return themeColors[d.data.theme] || "#95a5a6"; }) .attr("stroke", "#fff") .attr("stroke-width", d => d.depth === 0 ? 4 : 2) .style("cursor", "pointer") .style("filter", d => d.depth < 2 ? "drop-shadow(0 2px 4px rgba(0,0,0,0.2))" : "none"); // Iconos/Emojis en nodos nodes.append("text") .attr("dy", "0.35em") .attr("text-anchor", "middle") .text(d => { if (d.depth === 0) return "📚"; if (d.depth === 1) return d.data.flag; return ""; }) .style("font-size", d => d.depth === 0 ? "20px" : "14px") .style("pointer-events", "none"); // Etiquetas de países (nodos nivel 1) nodes.filter(d => d.depth === 1) .append("text") .attr("dy", "0.35em") .attr("x", d => d.x < Math.PI === !d.children ? 25 : -25) .attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end") .attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null) .text(d => `${d.data.name} (${d.children.length})`) .style("font-size", "13px") .style("font-weight", "700") .style("fill", d => d.data.color); // Etiquetas de artículos (nodos nivel 2) nodes.filter(d => d.depth === 2) .append("text") .attr("dy", "0.35em") .attr("x", d => d.x < Math.PI ? 15 : -15) .attr("text-anchor", d => d.x < Math.PI ? "start" : "end") .attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null) .text(d => d.data.name.length > 20 ? d.data.name.substring(0, 18) + "..." : d.data.name) .style("font-size", "9px") .style("fill", "#555") .style("opacity", 0.8); // Título central const titleGroup = svg.append("g").attr("transform", "translate(0, -radius - 40)"); titleGroup.append("text") .attr("text-anchor", "middle") .attr("y", -radius - 40) .attr("font-size", "22px") .attr("font-weight", "700") .attr("fill", "#2c3e50") .text("Procedencia de las Citas"); titleGroup.append("text") .attr("text-anchor", "middle") .attr("y", -radius - 15) .attr("font-size", "12px") .attr("fill", "#7f8c8d") .text("Realidad Empresarial | 22 citas | 7 países | 2017-2024"); // Leyenda de temas (abajo) const legendY = radius + 60; const themeLegend = svg.append("g").attr("transform", `translate(0, ${legendY})`); const themes = [ {name: "Packaging", color: "#3498db", icon: "📦", article: "Empaques biodegradables (7 citas)"}, {name: "Relaciones", color: "#2ecc71", icon: "🤝", article: "Relaciones interpersonales (8 citas)"}, {name: "Salud Mental", color: "#f39c12", icon: "🧠", article: "Salud mental pandemia (7 citas)"} ]; themes.forEach((t, i) => { const x = (i - 1) * 280; const item = themeLegend.append("g").attr("transform", `translate(${x}, 0)`); item.append("circle") .attr("r", 12) .attr("fill", t.color) .attr("stroke", "#fff") .attr("stroke-width", 2); item.append("text") .attr("x", 20) .attr("y", -5) .text(t.icon) .style("font-size", "16px"); item.append("text") .attr("x", 40) .attr("y", 0) .text(t.name) .style("font-size", "13px") .style("font-weight", "700") .style("fill", "#2c3e50"); item.append("text") .attr("x", 40) .attr("y", 15) .text(t.article) .style("font-size", "10px") .style("fill", "#7f8c8d"); }); // Tooltip const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "rgba(255, 255, 255, 0.98)") .style("padding", "16px") .style("border-radius", "12px") .style("font-size", "13px") .style("max-width", "300px") .style("box-shadow", "0 8px 32px rgba(0,0,0,0.15)") .style("border", "1px solid rgba(0,0,0,0.08)") .style("pointer-events", "none") .style("z-index", "1000"); // Interacción nodes.on("mouseover", function(event, d) { // Resaltar camino links.style("stroke-opacity", l => { const isConnected = l.source === d || l.target === d || (d.ancestors && d.ancestors().includes(l.target)) || (d.ancestors && d.ancestors().includes(l.source)); return isConnected ? 1 : 0.1; }); nodes.style("opacity", n => { if (n === d) return 1; if (d.ancestors && d.ancestors().includes(n)) return 1; if (n.ancestors && n.ancestors().includes(d)) return 1; return 0.3; }); let content = ""; if (d.depth === 0) { content = `

${d.data.name}

Top 3 artículos más citados
7 países citan esta revista
22 citas totales recibidas
Período: 2017-2024
`; } else if (d.depth === 1) { content = `
${d.data.flag} ${d.data.name} ${d.children.length} citas

🌎 Región: ${d.data.region}
📊 Representa el ${Math.round(d.children.length/22*100)}% del total de citas
`; } else { content = `
${d.data.theme === "Packaging" ? "📦" : d.data.theme === "Relaciones" ? "🤝" : "🧠"} ${d.data.theme.toUpperCase()}

${d.data.name}

✍️ Autores: ${d.data.authors}

📖 ${d.data.source}

📅 ${d.data.year} | 🎯 Cita a: ${d.data.targetArticle}
`; } tooltip.html(content) .style("visibility", "visible") .style("left", (event.pageX + 15) + "px") .style("top", (event.pageY - 10) + "px"); }) .on("mousemove", (event) => { tooltip .style("left", (event.pageX + 15) + "px") .style("top", (event.pageY - 10) + "px"); }) .on("mouseout", () => { links.style("stroke-opacity", 0.6); nodes.style("opacity", 1); tooltip.style("visibility", "hidden"); }); // Controles de zoom const zoomControls = svg.append("g").attr("transform", `translate(${width/2 - 50}, ${height/2 - 100})`); [ {y: 0, symbol: "+", scale: 1.3}, {y: 35, symbol: "−", scale: 0.7}, {y: 70, symbol: "⟲", scale: null} ].forEach(btn => { const button = zoomControls.append("g") .attr("transform", `translate(0, ${btn.y})`) .style("cursor", "pointer"); button.append("rect") .attr("width", 36) .attr("height", 30) .attr("fill", "#fff") .attr("stroke", "#ddd") .attr("rx", 6); button.append("text") .attr("x", 18) .attr("y", 20) .attr("text-anchor", "middle") .text(btn.symbol) .style("font-size", "16px") .style("fill", "#333"); button.on("click", () => { if (btn.scale) { svg.transition().duration(300).call(zoom.scaleBy, btn.scale); } else { svg.transition().duration(500).call(zoom.transform, d3.zoomIdentity); } }); }); return svg.node(); }30:[] 2d:{"title":"Procedencia de las citas-RE","cells":[{"id":0,"value":"# Procedencia de las citas-RE","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}