Diagrama de Pareto

Pocas causas que explican la mayoría.

Definición

El diagrama de Pareto pone las causas en barras de mayor a menor y superpone una línea con el porcentaje acumulado. El orden es el argumento: la línea dice cuántas causas hay que atacar para llegar, por ejemplo, al 80 % del efecto. Se usa en calidad y operaciones para priorizar problemas.

Editar con tus datos SVG Spec JSON

Datos: category · value · cumulative
Buena para: Decidir cuántas causas hay que atacar para cubrir la mayor parte del efecto.
Evítala cuando: Cuando las causas pesan parecido: sin unas pocas dominantes, el acumulado sube casi en línea recta y no hay prioridad que señalar.
Se lee bien: Entre 3 y 15 elementos; dibuja hasta 25
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	La causa. Va al eje X en el ORDEN EN QUE LLEGA: la pieza no reordena, así que un dato sin ordenar de mayor a menor sale dibujado como un Pareto y no lo es.
`value` · opcional	number	POSICIONAL: la 1.ª columna numérica. La altura de la barra.
`cumulative` · opcional	number	POSICIONAL: la 2.ª columna numérica. El acumulado NO SE CALCULA, se LEE del dato: si la columna no viene acumulada, la línea del 80 % dice algo que nadie ha sumado. Con menos de dos columnas numéricas la pieza devuelve cero filas.

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 sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. 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

¿Necesitas saber cuántas causas cubren la mayor parte del total?

Si solo importa el orden de las categorías, unas barras horizontales ordenadas bastan.

Sí: quédate con diagrama de pareto

No: usa Gráfico de barras horizontales

¿Todas las causas suman al mismo efecto?

Si unas partidas suman y otras restan para explicar cómo se pasa de un valor a otro, conviene una cascada.

Sí: quédate con diagrama de pareto

No: usa Gráfico de cascada

¿Las causas ya están identificadas y medidas?

Si todavía hay que encontrar las causas posibles, un diagrama de Ishikawa las ordena por familias antes de medir.

Sí: quédate con diagrama de pareto

No: usa Diagrama de Ishikawa

Código

La misma pieza, con tus datos

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

const spec = await getPreset('pareto');
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

¿Qué dice la línea?

El porcentaje acumulado del total al ir sumando causas en orden. Donde cruza el 80 % está el número de causas que explican la mayor parte del efecto.

¿Ordena las causas y calcula el acumulado?

No: dibuja las causas en el orden en que llegan y lee el acumulado de una segunda columna. Ordénalas de mayor a menor y calcula el acumulado antes; si no, la figura parece un Pareto y no lo es.

¿Cuántas causas admite?

Se lee bien entre 3 y 15; si hay más, agrupa las menores en una categoría de 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 «quién va primero»

Guía para elegir: quién va primero →