Pequeños múltiplos

El mismo gráfico repetido por grupo.

Definición

Los pequeños múltiplos reparten una misma medida en una rejilla de paneles, uno por categoría, todos con la misma escala. Como ningún panel tiene eje propio, las diferencias entre paneles son reales y no un efecto del encuadre. Se usan para comparar la evolución mensual de varias regiones, productos o tiendas.

Editar con tus datos SVG Spec JSON

Datos: category · x · value
Buena para: Comparar la forma y el nivel de varias series sin que se tapen unas a otras.
Evítala cuando: Cuando las series tienen órdenes de magnitud muy distintos: con la escala común, las pequeñas se quedan planas.
Se lee bien: Entre 4 y 100 elementos; dibuja hasta 300
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é
`category` · opcional	string	Qué panel ocupa la fila: hay un mini-gráfico por valor distinto. Sin ella la pieza devuelve cero filas.
`x`	string	El mes del punto dentro de su panel. OBLIGATORIA: los nueve paneles comparten eje X, y sin ella los doce puntos de una categoría se apilan en la misma abscisa. Su valor tiene que ser una de las doce claves de mes en inglés (Jan…Dec); cualquier otro FALLA CON LA CIFRA en vez de caer en la abscisa 0.
`value` · opcional	number	La altura del punto dentro de su panel, contra la escala COMÚN a todos los paneles.

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

¿Hay demasiadas series para un solo gráfico?

Con dos o tres, un gráfico de líneas las compara en el mismo eje.

Sí: quédate con pequeños múltiplos

No: usa Gráfico de líneas

¿Importa comparar niveles entre paneles?

Si sólo interesa la forma de cada serie, una tabla con sparklines ocupa menos.

Sí: quédate con pequeños múltiplos

No: usa Tabla con sparklines

¿Los paneles son categorías y no territorios?

Si cada panel es una región, el geofacet los coloca según su posición en el mapa.

Sí: quédate con pequeños múltiplos

No: usa Geofacet

Código

La misma pieza, con tus datos

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

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

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

Dudas

¿Cómo escribo el eje horizontal?

Con el mes de cada punto, escrito con una de las doce abreviaturas inglesas de tres letras (Jan, Feb… Dec). Cualquier otro valor hace que la pieza se niegue a dibujar, y sin esa columna los puntos de cada panel se apilan en el mismo sitio.

¿Por qué todos los paneles comparten escala?

Para que un panel más alto lo sea de verdad. Si cada panel se ajustara a sus datos, dos series muy distintas parecerían iguales.

¿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 «comparar cifras»

Guía para elegir: comparar cifras →