Tarjeta perforada
Actividad por día de la semana y hora.
Definición
Una tarjeta perforada pone los días de la semana en filas y las horas en columnas, y dibuja un círculo en cada cruce con área proporcional a la cantidad. Las horas punta saltan a la vista como los círculos más grandes. Sirve para la carga de soporte, los pedidos o las llamadas según el momento de la semana.
- Datos
- y · x · value
- Buena para
- Ver en qué día y a qué hora se concentra la actividad: incidencias, pedidos, visitas, llamadas.
- Evítala cuando
- Cuando importa leer el valor exacto de cada celda: los círculos se comparan bien entre sí, pero no se leen como cifra.
- Se lee bien
- Entre 4 y 400 elementos; dibuja hasta 600
- Datos que faltan
- Omite el valor ausente y lo declara aparte.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
y | string | Categoría de FILA de la retícula (el día de la semana, en el caso canónico). Su orden de aparición en el fichero es el orden en que se dibuja el eje. |
x | string | Categoría de COLUMNA de la retícula (la hora o la franja horaria). Igual que la de fila, se dibuja en el orden en que aparece: alfabetizar un ciclo lo destruye. |
value | number | El RECUENTO del cruce, uno por celda. Decide el área del círculo, así que va anclado en cero y no admite negativos. Un cero es un dato (se dibuja sin marca); una celda ausente no lo es, y se cuenta aparte. |
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
¿Basta con comparar tamaños?
Si las celdas tienen valores muy parecidos, el ojo distingue mejor tonos que áreas.
Sí: quédate con tarjeta perforada
No: usa Mapa de calor
¿La semana se lee como una rejilla?
Si lo que importa es el ciclo de 24 horas, una rueda enseña la continuidad de la medianoche.
Sí: quédate con tarjeta perforada
No: usa Mapa de calor radial
¿Es una semana tipo, no días concretos?
Si cada día del año cuenta por separado —festivos, campañas—, hace falta el calendario entero.
Sí: quédate con tarjeta perforada
No: usa Mapa de calor de calendario
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('punchcard');
spec.data.rows = misFilas; // y, x, value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué significa el tamaño del círculo?
El área es proporcional a la cantidad y la escala empieza en cero: el doble de tinta es el doble de incidencias. Por eso no admite valores negativos.
¿Círculos o celdas sombreadas?
Los círculos hacen saltar las puntas; el sombreado de un mapa de calor se lee mejor cuando muchas celdas están cerca unas de otras.
¿En qué orden van las horas?
En el que aparecen en tus datos. Si las ordenas alfabéticamente, «10» va antes que «2» y el ciclo se rompe: escribe las franjas en orden.
¿Qué hace si faltan datos?
Omite el valor ausente y lo declara aparte.
¿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 «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