27:null 28:["$","title",null,{"children":"Top 3 de los tres artículos más citados | Kevin Gutierrez | Observable"}] 2d:T54a0,chart = { // ============================================================================ // CONFIGURACIÓN ACADÉMICA FORMAL // ============================================================================ const width = 900; const height = 700; const margin = {top: 80, right: 50, bottom: 100, left: 50}; // Paleta académica sobria const colors = { 1: "#1f4e79", // Artículos citados (azul académico oscuro) 2: "#4472c4", // Packaging/Biodegradable (azul medio) 3: "#70ad47", // Relaciones interpersonales (verde conservador) 4: "#c55a11", // Salud mental/Trabajo (naranja terracota) 5: "#5b5b5b" // Autores (gris oscuro) }; // Tipografía académica const fontFamily = { title: "Georgia, 'Times New Roman', serif", body: "Helvetica, Arial, sans-serif" }; // ============================================================================ // DATOS (mantener estructura original, simplificar) // ============================================================================ const data = getValidatedBackupData(); function getValidatedBackupData() { return { nodes: [ // Artículos centrales {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 {id: "AUT1", name: "Rivera, C.", type: "author_cited", group: 5, article: "ART1", country: "SLV"}, {id: "AUT2", name: "Contreras, F.", type: "author_cited", group: 5, article: "ART1", country: "SLV"}, {id: "AUT3", name: "Ariza, W.B.", type: "author_cited", group: 5, article: "ART1", country: "SLV"}, {id: "AUT4", name: "Bonilla, S.", type: "author_cited", group: 5, article: "ART1", country: "SLV"}, {id: "AUT5", name: "Cruz, A.T.", type: "author_cited", group: 5, article: "ART1", country: "SLV"}, {id: "AUT6", name: "Martínez, R.A.", type: "author_cited", group: 5, article: "ART2", country: "SLV"}, {id: "AUT7", name: "Molina, J.", type: "author_cited", group: 5, article: "ART3", country: "SLV"}, // Obras citantes - Grupo 2 (Packaging) {id: "C2_1", name: "Películas pH caimito", type: "citing", group: 2, year: 2024, country: "MEX", authors: "Chim-Chi, Y. et al.", source: "Rev. Med. Caract. Aliment."}, {id: "C2_2", name: "Packaging interactivo", type: "citing", group: 2, year: 2022, country: "ECU", authors: "Medina-Chicaiza, P. et al.", source: "Univ. Cienc. Tecnol."}, {id: "C2_3", name: "Envases biodegradables", type: "citing", group: 2, year: 2024, country: "COL", authors: "Mantilla Cabrera, K.A.", source: "Rev. Habitus"}, {id: "C2_4", name: "Supermercados eco", type: "citing", group: 2, year: 2020, country: "PER", authors: "Véliz Quispe, T. et al.", source: "Rev. Innova Educ."}, {id: "C2_5", name: "Preferencias consumidor", type: "citing", group: 2, year: 2024, country: "ESP", authors: "Melchor Cardona, M.", source: "Rev. Eur. Innov. Públ."}, {id: "C2_6", name: "Protección humedales", type: "citing", group: 2, year: 2023, country: "COL", authors: "Cabrera Alba, C.A.", source: "Rev. Oratores"}, {id: "C2_7", name: "Marketing consumo", type: "citing", group: 2, year: 2023, country: "MEX", authors: "Pacheco Navarro, A.C.", source: "Libro Univ. Sonora"}, // Grupo 3 (Relaciones) {id: "C3_1", name: "Hoteles turísticos Puno", type: "citing", group: 3, year: 2021, country: "PER", authors: "Hancco Gomez, M.S.", source: "Comunicación Rev. Invest."}, {id: "C3_2", name: "Insuficiencia renal", type: "citing", group: 3, year: 2017, country: "ECU", authors: "Espin-Miniguano, A.D.", source: "Polo del Conocimiento"}, {id: "C3_3", name: "Diseño organizacional", type: "citing", group: 3, year: 2023, country: "MEX", authors: "Tienda Torres, C.M.", source: "Ciencia Latina"}, {id: "C3_4", name: "Trabajo colaborativo", type: "citing", group: 3, year: 2022, country: "PER", authors: "Mandarachi Flores, R.P.", source: "IGOBERNANZA"}, {id: "C3_5", name: "Consulta odontológica", type: "citing", group: 3, year: 2022, country: "PER", authors: "Poclin Quispe, K.J.", source: "Salud & Vida Sipanense"}, {id: "C3_6", name: "Interaction UNIFSL", type: "citing", group: 3, year: 2022, country: "PER", authors: "Cueva Nachucho, M.", source: "Rev. Int. Estud. Interdisc."}, {id: "C3_7", name: "Inclusión educación", type: "citing", group: 3, year: 2024, country: "ECU", authors: "Cevallos-Ronquillo, C.M.", source: "Hallazgos"}, {id: "C3_8", name: "Liderazgo CNEL", type: "citing", group: 3, year: 2022, country: "ECU", authors: "Flores García, P.F.", source: "Visionario Digital"}, // Grupo 4 (Salud mental) {id: "C4_1", name: "Emprendimiento pospandemia", type: "citing", group: 4, year: 2021, country: "ECU", authors: "Useche, M.C.", source: "Retos"}, {id: "C4_2", name: "Impactos COVID-19", type: "citing", group: 4, year: 2021, country: "MEX", authors: "Hu Chan, G.A.", source: "EDUCIENCIA"}, {id: "C4_3", name: "Burnout psicólogos", type: "citing", group: 4, year: 2023, country: "CHL", authors: "Martínez, A.M.S.", source: "Informes Psicológicos"}, {id: "C4_4", name: "Salud docentes COVID", type: "citing", group: 4, year: 2021, country: "PER", authors: "Huamán Chura, K.E.", source: "Consenso"}, {id: "C4_5", name: "Burnout docentes idiomas", type: "citing", group: 4, year: 2024, country: "MEX", authors: "Bautista Torres, P.N.", source: "Estud. Perspect."}, {id: "C4_6", name: "Bienestar mujeres", type: "citing", group: 4, year: 2024, country: "GTM", authors: "Mes Guitz, L.E.", source: "Rev. Acad. Soc. Conoc."}, {id: "C4_7", name: "Intitulado", type: "citing", group: 4, year: 2021, country: "ECU", authors: "No especificado", source: "Retos"} ], links: [ {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"}, {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"}, {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"}, {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"} ] }; } // ============================================================================ // VISUALIZACIÓN D3.JS - ESTILO ACADÉMICO // ============================================================================ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("background", "#fafafa") .style("border", "1px solid #ddd") .style("font-family", fontFamily.body); const g = svg.append("g"); // Zoom básico const zoom = d3.zoom() .scaleExtent([0.4, 3]) .on("zoom", (e) => g.attr("transform", e.transform)); svg.call(zoom); // Radios proporcionales y sobrios const radius = d => { if (d.type === "cited") return 25 + (d.citations || 0) * 1.8; if (d.type === "author_cited") return 8; return 6; }; // Simulación de fuerzas const simulation = d3.forceSimulation(data.nodes) .force("link", d3.forceLink(data.links) .id(d => d.id) .distance(d => d.type === "authorship" ? 35 : 70) .strength(0.6)) .force("charge", d3.forceManyBody() .strength(d => d.type === "cited" ? -600 : d.type === "author_cited" ? -150 : -100)) .force("center", d3.forceCenter(width / 2, height / 2 - 20)) .force("collision", d3.forceCollide().radius(d => radius(d) + 10).strength(0.8)) .force("y", d3.forceY(d => { if (d.type === "cited") return height * 0.45; if (d.type === "author_cited") return height * 0.45; if (d.group === 2) return height * 0.18; if (d.group === 3) return height * 0.45; return height * 0.82; }).strength(0.3)) .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.2)); // Enlaces const link = g.append("g") .selectAll("line") .data(data.links) .join("line") .attr("stroke", d => { if (d.type === "authorship") return "#666"; return colors[data.nodes.find(n => n.id === d.target)?.group || 1]; }) .attr("stroke-width", d => d.type === "authorship" ? 1.5 : 1) .attr("stroke-opacity", d => d.type === "authorship" ? 0.4 : 0.5) .attr("stroke-dasharray", d => d.type === "authorship" ? "3,3" : null); // 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 base node.append("circle") .attr("r", radius) .attr("fill", d => colors[d.group]) .attr("stroke", "#fff") .attr("stroke-width", d => d.type === "cited" ? 3 : 1.5) .style("cursor", "pointer"); // Anillo sutil para artículos citados node.filter(d => d.type === "cited") .append("circle") .attr("r", d => radius(d) + 4) .attr("fill", "none") .attr("stroke", d => colors[d.group]) .attr("stroke-width", 1.5) .attr("stroke-opacity", 0.3); // Etiquetas de artículos citados (títulos truncados) node.filter(d => d.type === "cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 8) .attr("y", -5) .attr("font-size", "11px") .attr("font-weight", "bold") .attr("fill", "#1a1a1a") .style("pointer-events", "none"); // Subtítulo con año y citas node.filter(d => d.type === "cited") .append("text") .text(d => `${d.year} | ${d.citations} citas`) .attr("x", d => radius(d) + 8) .attr("y", 10) .attr("font-size", "9px") .attr("fill", "#555") .style("pointer-events", "none"); // Etiquetas de autores node.filter(d => d.type === "author_cited") .append("text") .text(d => d.name) .attr("x", d => radius(d) + 5) .attr("y", 3) .attr("font-size", "9px") .attr("fill", "#333") .style("pointer-events", "none"); // Número de citas en nodos 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 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"); // Código de país para obras citantes node.filter(d => d.type === "citing") .append("text") .text(d => d.country) .attr("text-anchor", "middle") .attr("dy", -radius({type: "citing"}) - 4) .attr("font-size", "8px") .attr("font-weight", "bold") .attr("fill", "#444") .style("pointer-events", "none"); // ============================================================================ // TÍTULO Y METADATOS ACADÉMICOS // ============================================================================ const titleGroup = svg.append("g").attr("class", "title").attr("transform", `translate(${width/2}, 30)`); titleGroup.append("text") .attr("text-anchor", "middle") .attr("font-family", fontFamily.title) .attr("font-size", "16px") .attr("font-weight", "bold") .attr("fill", "#1a1a1a") .text("Top tres de los artículos más citados"); titleGroup.append("text") .attr("text-anchor", "middle") .attr("y", 20) .attr("font-family", fontFamily.body) .attr("font-size", "11px") .attr("fill", "#555") .text("Revista Realidad Empresarial (2017-2024) | Total de citas: 22"); // ============================================================================ // LEYENDA FORMAL (Esquina inferior izquierda) // ============================================================================ const legend = svg.append("g") .attr("transform", "translate(25, " + (height - 140) + ")") .attr("class", "legend"); // Fondo de la leyenda legend.append("rect") .attr("width", 220) .attr("height", 115) .attr("fill", "#fff") .attr("stroke", "#ccc") .attr("rx", 2); legend.append("text") .attr("x", 10) .attr("y", 18) .attr("font-size", "10px") .attr("font-weight", "bold") .attr("fill", "#333") .text("Categorías"); const legendItems = [ {c: colors[1], label: "Artículos más citados (n=3)", r: 8}, {c: colors[5], label: "Autores originales (n=7)", r: 5}, {c: colors[2], label: "Citas: Packaging sostenible (n=7)", r: 4}, {c: colors[3], label: "Citas: Relaciones laborales (n=8)", r: 4}, {c: colors[4], label: "Citas: Salud ocupacional (n=7)", r: 4} ]; legendItems.forEach((d, i) => { const row = legend.append("g").attr("transform", `translate(10, ${30 + i * 16})`); row.append("circle") .attr("r", d.r) .attr("fill", d.c) .attr("stroke", "#fff") .attr("stroke-width", 1); row.append("text") .attr("x", 18) .attr("y", 4) .text(d.label) .attr("font-size", "9px") .attr("fill", "#333"); }); // ============================================================================ // DISTRIBUCIÓN GEOGRÁFICA (Esquina inferior derecha) // ============================================================================ const geoGroup = svg.append("g") .attr("transform", `translate(${width - 180}, ${height - 90})`); geoGroup.append("rect") .attr("width", 160) .attr("height", 65) .attr("fill", "#fff") .attr("stroke", "#ccc") .attr("rx", 2); geoGroup.append("text") .attr("x", 8) .attr("y", 15) .attr("font-size", "9px") .attr("font-weight", "bold") .attr("fill", "#333") .text("Distribución geográfica (ISO 3166-1)"); const countries = [ {c: "ECU", n: "Ecuador", t: 6}, {c: "MEX", n: "México", t: 4}, {c: "PER", n: "Perú", t: 5}, {c: "COL", n: "Colombia", t: 2}, {c: "CHL", n: "Chile", t: 1}, {c: "ESP", n: "España", t: 1}, {c: "GTM", n: "Guatemala", t: 1} ]; countries.forEach((c, i) => { const col = i % 2; const row = Math.floor(i / 2); const x = 8 + col * 75; const y = 28 + row * 12; geoGroup.append("text") .attr("x", x) .attr("y", y) .text(`${c.c}: ${c.n} (${c.t})`) .attr("font-size", "8px") .attr("fill", "#555"); }); // ============================================================================ // NOTA AL PIE METODOLÓGICA // ============================================================================ const footnote = svg.append("g").attr("transform", `translate(25, ${height - 15})`); footnote.append("text") .attr("font-size", "8px") .attr("fill", "#666") .text("Nota: El tamaño de los nodos centrales es proporcional al número de citas recibidas. Los datos fueron obtenidos de OpenAlex API (https://openalex.org/)."); footnote.append("text") .attr("y", 10) .attr("font-size", "8px") .attr("fill", "#666") .text("Las líneas continuas representan citas recibidas; líneas discontinuas indican relación de autoría."); // ============================================================================ // TOOLTIP ACADÉMICO // ============================================================================ const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background", "#fff") .style("border", "1px solid #999") .style("padding", "12px") .style("border-radius", "2px") .style("font-size", "11px") .style("max-width", "300px") .style("box-shadow", "0 2px 8px rgba(0,0,0,0.15)") .style("pointer-events", "none") .style("z-index", "1000") .style("font-family", fontFamily.body); 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 0.9; } return 0.1; }); node.style("opacity", n => connected.has(n.id) ? 1 : 0.2); 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 más citado ${d.citations} citas

${d.fullTitle}

Autores: ${authors}

Año: ${d.year} | ID: ${d.id}

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

Autor

${d.name}

País: ${d.country}

${articleNode?.fullTitle?.substring(0, 50)}...

`; } else { content = `

Obra citante ${d.country}

${d.name}

${d.authors}

${d.source}, ${d.year}

`; } tooltip.html(content) .style("visibility", "visible") .style("left", (e.pageX + 12) + "px") .style("top", (e.pageY - 12) + "px"); }) .on("mousemove", (e) => { tooltip.style("left", (e.pageX + 12) + "px").style("top", (e.pageY - 12) + "px"); }) .on("mouseout", () => { link.style("stroke-opacity", d => d.type === "authorship" ? 0.4 : 0.5); node.style("opacity", 1); tooltip.style("visibility", "hidden"); }); // 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(); }2e:[] 2b:{"id":"b15d8bb7abdbae69","slug":null,"title":"Top 3 de los tres artículos más citados","thumbnail":"ee807c2f594d0fde70134e3b97487b36ef6443188b57eb21e057c0fe1e00b9db","access_level":"public","create_time":"$D2026-02-24T14:20:54.143Z","update_time":"$D2026-02-24T14:28:58.032Z","view_time":null,"first_public_time":"$D2026-02-24T14:28:27.631Z","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":10,"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":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"105792eb6fd423ee","slug":"network-analysis","title":"Network analysis","owner":{"id":"51fe6e2ec1bb1cf6","login":"kahernandezg","name":"Kevin Gutierrez"}},"type":"notebook","body":{"title":"Top 3 de los tres artículos más citados","cells":[{"id":0,"value":"# Top 3 de los tres artículos más citados","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"