Atribución por factores

Cuánto aporta cada factor al retorno.

Definición

Una atribución por factores dibuja una barra por factor que suma o resta puntos al retorno, a un lado u otro del cero, y la pieza calcula el total a partir de esas aportaciones. Se lee de factor en factor: qué empujó el resultado hacia arriba y qué lo frenó. Se usa para explicar el rendimiento de una cartera o de un fondo frente a su referencia.

Editar con tus datos SVG Spec JSON

Datos: category · value
Buena para: Explicar qué factores sumaron y cuáles restaron a un retorno, y cuánto cada uno.
Evítala cuando: Cuando las aportaciones no suman un total con sentido: entonces la pieza calcula una cifra que nadie va a leer.
Se lee bien: Entre 3 y 15 elementos; dibuja hasta 60
Datos que faltan: Dibuja el valor ausente como cero.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`category` · opcional	string	El factor. Opcional: sin ella las barras salen sin rótulo, pero se dibujan.
`value` · opcional	number	La aportación, con signo. Si la columna no aparece, TODAS las aportaciones valen 0 y el gráfico sale plano sin avisar. El total no se lee de la fila: lo suma la pieza.

Tamaños

Ancha por necesidad

Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.

A menos de 480 px el motor se niega y explica por qué: el eje X no puede pintar «−100bps»: mide 52.3 px y solo tiene 38. Es una CIFRA, así que no se elide —«−10…» sería otro número—. Sube `dimensions.width (o baja `. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.

Cuándo usarla

Tres preguntas antes de elegirla

¿Basta con ver cuánto aporta cada factor, sin seguir el recorrido hasta el total?

Si quieres enseñar cómo se acumula el resultado paso a paso desde el punto de partida, una cascada dibuja el camino.

Sí: quédate con atribución por factores

No: usa Cascada de atribución

¿Explicas un solo retorno?

Si comparas las aportaciones de varias carteras o periodos, las barras agrupadas ponen cada factor lado a lado.

Sí: quédate con atribución por factores

No: usa Barras agrupadas

¿Las aportaciones suman un total que importa?

Si son desviaciones independientes que no se suman entre sí, unas barras divergentes bastan.

Sí: quédate con atribución por factores

No: usa Barras divergentes

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('factorattribution');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿De dónde sale el total?

Lo suma la pieza a partir de las aportaciones de cada factor; no se lee de ninguna fila.

¿Admite aportaciones negativas?

Sí: cada factor lleva su signo y la barra va a la derecha o a la izquierda del cero según sume o reste.

¿Cuántos factores caben?

Se lee bien entre 3 y 15. Con más, conviene agrupar los pequeños en un factor «resto».

¿Qué hace si faltan datos?

Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.

¿Cómo se ve en el móvil?

A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.

Relacionadas

Otras formas de responder «partes de un todo»

Guía para elegir: partes de un todo →