Gráfico de control

Si un proceso se mantiene dentro de sus límites.

Definición

Un gráfico de control sigue una medida observación a observación junto a tres líneas: el centro, el límite superior y el inferior. Un punto sólo es señal cuando sale de los límites; lo que queda dentro es la variación normal del proceso. Se usa en calidad y operaciones para decidir cuándo intervenir.

Editar con tus datos SVG Spec JSON

Datos: x · value · upper · baseline · lower
Buena para: Distinguir la variación normal de un proceso de un cambio que pide intervenir.
Evítala cuando: Cuando buscas una deriva pequeña y sostenida: cada punto se juzga solo y una racha de desvíos leves puede no salir nunca de los límites.
Se lee bien: Entre 10 y 100 elementos; dibuja hasta 1400
Datos que faltan: Dibuja el valor ausente como cero.
Accesibilidad: Lector de pantalla: resumen en texto · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`x` · opcional	number	Por POSICIÓN: la 1.ª columna numérica que NO sea una de las tres de límite es el número de observación (el eje). Descontar los límites antes de contar posiciones es lo que impide que un CSV reordenado ponga el UCL de eje.
`value` · opcional	number	Por POSICIÓN: la 2.ª columna numérica que no sea de límite es lo medido.
`upper` · opcional	number	El límite SUPERIOR de control, tal y como lo escribe la propia exportación. CORREGIDO: antes se ignoraba y la pieza recalculaba los tres límites como media ± 3σ de lo que llegara, así que quien editaba su UCL en el CSV exportado obtenía otros límites sin una nota. Ahora manda el dato. O se declaran las tres columnas o ninguna; a medias, falla con la cifra. Un mismo valor en todas las filas: esta pieza dibuja una línea, no una banda.
`baseline` · opcional	number	La línea CENTRAL. Mismas reglas que `upper`.
`lower` · opcional	number	El límite INFERIOR. Mismas reglas que `upper`. Sin las tres columnas la pieza los calcula como media ± 3σ, que es la definición estándar; lo que ya no hace es pisar unos límites escritos.

Tamaños

Recompuesta, no encogida

El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.

Móvil · 408 × 499 px

Escritorio · 848 × 648 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Buscas desvíos grandes y puntuales?

Si te preocupan desvíos pequeños que se acumulan, el CUSUM los detecta antes y dice cuándo empezaron.

Sí: quédate con gráfico de control

No: usa Gráfico CUSUM

¿Mides una variable continua?

Si lo que cuentas son defectos o proporciones de piezas malas, usa el gráfico de control por atributos.

Sí: quédate con gráfico de control

No: usa Gráfico de control por atributos

¿Te vale juzgar cada observación por separado?

Si prefieres seguir una media suavizada que dé más peso a lo reciente, usa el EWMA.

Sí: quédate con gráfico de control

No: usa Gráfico EWMA

Código

La misma pieza, con tus datos

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

const spec = await getPreset('controlchart');
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 salen los límites?

Si los datos traen las columnas de límite superior, centro e inferior, mandan esas. Si no, la pieza los calcula como media ± 3 desviaciones típicas. Hay que dar las tres o ninguna: a medias, falla.

¿Un punto que sube mucho es una señal?

Sólo si sale de los límites. El proceso se juzga contra sus límites y su centro, no contra el dato anterior.

¿Cuántas observaciones necesita?

Se lee bien entre 10 y 100.

¿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?

El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.

Relacionadas