31:T136c,chart = { // Citation data by year for the three journals const data = [ { Year: 2016, RealidadEmpresarial: 11, ECA: 28, RRCSH: 2 }, { Year: 2017, RealidadEmpresarial: 16, ECA: 38, RRCSH: 21 }, { Year: 2018, RealidadEmpresarial: 31, ECA: 16, RRCSH: 1 }, { Year: 2019, RealidadEmpresarial: 9, ECA: 9, RRCSH: 23 }, { Year: 2020, RealidadEmpresarial: 11, ECA: 5, RRCSH: 29 }, { Year: 2021, RealidadEmpresarial: 5, ECA: 17, RRCSH: 1 }, { Year: 2022, RealidadEmpresarial: 5, ECA: 7, RRCSH: 20 }, { Year: 2023, RealidadEmpresarial: 0, ECA: 6, RRCSH: 32 }, { Year: 2024, RealidadEmpresarial: 1, ECA: 2, RRCSH: 1 }, { Year: 2025, RealidadEmpresarial: 1, ECA: 9 , RRCSH: 21 } ]; // Dimensiones del gráfico const width = 850; const height = 600; const margin = { top: 100, right: 30, bottom: 50, left: 60 }; // Encontrar el valor máximo para la escala Y const maxValue = d3.max(data, d => Math.max(d.RealidadEmpresarial, d.ECA, d.RRCSH)); // Escalas const x = d3.scaleBand() .domain(data.map(d => d.Year)) .range([margin.left, width - margin.right]) .padding(0.2); const y = d3.scaleLinear() .domain([0, maxValue + 5]) // Añadir margen superior .range([height - margin.bottom, margin.top]); // Crear el SVG const svg = d3.create("svg") .attr("width", width) .attr("height", height); // Ejes svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).tickFormat(d3.format("d"))); svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); // Colores para cada línea const colors = { RealidadEmpresarial: "#FF6B35", // Naranja ECA: "red", // Turquesa RRCSH: "steelblue" // Púrpura }; // Función para crear líneas const createLine = (field) => d3.line() .x(d => x(d.Year) + x.bandwidth() / 2) .y(d => y(d[field])); // Dibujar las tres líneas const fields = ['RealidadEmpresarial', 'ECA', 'RRCSH']; fields.forEach(field => { // Crear y agregar la línea svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", colors[field]) .attr("stroke-width", "3") .attr("d", createLine(field)); // Añadir puntos en la línea svg.selectAll(`.${field}-dot`) .data(data) .enter().append("circle") .attr("class", `${field}-dot`) .attr("cx", d => x(d.Year) + x.bandwidth() / 2) .attr("cy", d => y(d[field])) .attr("r", "8") .attr("fill", colors[field]) .on("mouseover", function(event, d) { d3.select(this).transition().duration(200).attr("r", "12"); tooltip.style("opacity", "1") .text(`${field}: ${d[field]}`) .attr("x", event.pageX) .attr("y", event.pageY - 10); }) .on("mousemove", function(event) { tooltip.attr("x", event.pageX).attr("y", event.pageY - 10); }) .on("mouseout", function() { d3.select(this).transition().duration(200).attr("r", "8"); tooltip.style("opacity", "0"); }); // Añadir etiquetas de valores svg.selectAll(`.${field}-label`) .data(data) .enter().append("text") .attr("class", `${field}-label`) .attr("x", d => x(d.Year) + x.bandwidth() / 2) .attr("y", d => y(d[field]) - 12) .text(d => d[field]) .attr("text-anchor", "middle") .style("font-size", "10px") .style("fill", colors[field]) .style("font-weight", "bold"); }); // Tooltip const tooltip = svg.append("text") .style("opacity", "0") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#333"); // Añadir leyenda const legend = svg.append("g") .attr("transform", `translate(${margin.left}, 30)`); const legendItems = [ { name: 'Realidad Empresarial', color: colors.RealidadEmpresarial }, { name: 'ECA', color: colors.ECA }, { name: 'RRCSH', color: colors.RRCSH } ]; legendItems.forEach((item, i) => { const legendRow = legend.append("g") .attr("transform", `translate(${i * 200}, 0)`); legendRow.append("rect") .attr("width", 18) .attr("height", 18) .style("fill", item.color); legendRow.append("text") .attr("x", 25) .attr("y", 14) .text(item.name) .style("font-size", "14px"); }); // Título del gráfico svg.append("text") .attr("x", width / 2) .attr("y", 20) .attr("text-anchor", "middle") .style("font-size", "16px") .style("font-weight", "bold") .text("Citas por Año - Comparación de Revistas"); return svg.node(); }32:[] 2f:{"title":"","cells":[{"id":0,"value":"# Índice de Citas relativo, 2016-2025","pinned":false,"hidden":true,"mode":"md"},{"id":75,"value":"Interpretación de la Gráfica
\n
Realidad Empresarial: Esta revista presenta un crecimiento aceptable en las citas a lo largo de los años, lo que sugiere que ha ganado relevancia en su campo. Sin embargo, hay años donde las citas son mínimas o nulas, indicando posiblemente cambios en la producción o en el contenido o simplemente publicación temprana y por ello la nulidad de citas hasta el momento.
\n

Fuente de datos: OpenAlex\n
Análisis: L. Marroquín; K. Gutierrez","pinned":false,"hidden":false,"mode":"html"},{"id":37,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}