Diagrama de tallo y hojas
Distribución conservando los valores.
Definición
El diagrama de tallo y hojas parte cada valor en dos: el tallo (las cifras de mayor orden) y la hoja (la última cifra). Las hojas de un mismo tallo se escriben en fila, así que la longitud de cada fila dibuja la forma de la distribución sin perder ningún valor. Se usa con conjuntos pequeños, como notas de un examen o tiempos de una muestra.
- Datos
- value
- Buena para
- Ver la forma de una distribución pequeña sin perder los valores originales.
- Evítala cuando
- Cuando hay cientos de valores: las filas se hacen ilegibles.
- Se lee bien
- Entre 5 y 50 elementos; dibuja hasta 250
- 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é |
|---|---|---|
value · opcional | number | El valor crudo de cada observación, una hoja por fila. `findNumericColumn` cae a la primera columna numérica; sin ninguna, la pieza LANZA con la cifra (antes devolvía cero filas y la lámina salía con su divisoria, su rótulo y ni una hoja, con [ok]). |
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.
Cuándo usarla
Tres preguntas antes de elegirla
¿Son pocos valores, unas decenas como mucho?
Con muchas observaciones, un histograma resume la forma sin escribir cada valor.
Sí: quédate con diagrama de tallo y hojas
No: usa Histograma
¿Hay una sola distribución que mirar?
Si hay que comparar varios grupos, los diagramas de caja los ponen en paralelo.
Sí: quédate con diagrama de tallo y hojas
No: usa Diagrama de caja
¿El público está acostumbrado a leer tallos y hojas?
Si no, un beeswarm enseña cada valor como un punto y se entiende sin explicación.
Sí: quédate con diagrama de tallo y hojas
No: usa Beeswarm
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('stemleaf');
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é es el tallo y qué la hoja?
El tallo es la clase del valor y la hoja su última cifra. Un 47 es la hoja 7 en el tallo 4.
¿Qué columna usa?
La columna de valor o, si no la encuentra por su nombre, la primera columna numérica; una hoja por fila. Si no hay ninguna numérica, la pieza falla y lo dice.
¿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
Otras formas de responder «cómo se reparten los valores»
Código de barras de eventoscuándo ocurren los eventos en un intervalo- Beeswarmcada individuo de una distribución, sin solaparse
- Diagrama de cajamediana, cuartiles y atípicos de una distribución
Gráfico de contornodónde se concentran los puntos
Gráfico de densidadforma suavizada de una distribución
Franja de puntosrespuesta individual de cada caso