Puntos de cuantiles

Incertidumbre como casos concretos.

Definición

Puntos de cuantiles convierte una probabilidad en una retícula de cien puntos, de los que se rellenan tantos como casos de cada cien. Se lee contando —«23 de cada 100»— en vez de traducir un porcentaje. Se usa para comunicar riesgo e incertidumbre a lectores no especializados, con uno a tres escenarios.

Editar con tus datos SVG Spec JSON

Datos: label · value
Buena para: Explicar una probabilidad como casos concretos que el lector puede contar.
Evítala cuando: Cuando hay muchos escenarios o hace falta precisión decimal: la retícula sólo cuenta enteros de cada cien.
Se lee bien: Entre 1 y 3 elementos; dibuja hasta 3
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é
`label` · opcional	string	El nombre del escenario, encima de su retícula. Sin columna de texto NI columna numérica que casen, `fromExportRows` devuelve [] y `resolveData` cae en SU demo.
`value` · opcional	number	La probabilidad en 0–100. Se RECORTA al rango con `Math.max(0, Math.min(100, …))`: un 140 se dibuja como 100, y eso no se avisa. El subtítulo «N out of 100» se compone aquí, no lo trae el dato.

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 × 468 px

Escritorio · 848 × 642 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Es una probabilidad que se cuenta de cien en cien?

Si la incertidumbre es un rango de valores posibles, un intervalo con degradado enseña dónde es más probable el resultado.

Sí: quédate con puntos de cuantiles

No: usa Intervalo con degradado

¿Son tres escenarios o menos?

Con muchos escenarios, un gráfico de puntos compara los porcentajes alineados en un mismo eje.

Sí: quédate con puntos de cuantiles

No: usa Gráfico de puntos

¿Es una probabilidad y no un reparto en partes?

Si cada punto es una parte de un total repartido entre categorías, un gráfico de waffle las colorea por grupo.

Sí: quédate con puntos de cuantiles

No: usa Gráfico de waffle

Código

La misma pieza, con tus datos

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

const spec = await getPreset('quantile-dot');
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é pasa con un valor fuera de 0–100?

Se recorta al rango sin aviso: un 140 se dibuja como 100. Revisa que las probabilidades vengan en tanto por cien.

¿Por qué puntos y no un porcentaje?

Porque contar casos es más fácil que traducir una fracción: «23 de cada 100» se imagina mejor que «23 %». El rótulo de cada escenario se escribe encima de su retícula.

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

Guía para elegir: cómo se reparten los valores →