Mini líneas (sparklines) en matriz

Descripción general

Las matrices de sparklines disponen numerosos mini-gráficos de líneas en una cuadrícula para comparar rápidamente tendencias entre múltiples entidades. Cada sparkline es minimalista—sin ejes ni leyendas—por lo que se enfoca en la forma y dirección del cambio.

Cuándo usarlo

Comparar tendencias de productos, regiones o métricas
Resúmenes de KPI en dashboards
Seguimiento de portafolios con muchas acciones
Paneles de estado de servidores o sensores
Mostrar patrones generales antes de profundizar

No es ideal para

Situaciones donde los valores exactos son críticos
Menos de seis entidades (prefiere un gráfico convencional)
Audiencias que necesiten ver ejes detallados

Variaciones clave

Etiquetas de valor final opcionales
Codificación por color según desempeño (verde/rojo)
Resaltar mínimos/máximos
Escalas Y uniformes vs independientes
Expansión interactiva al hacer clic o hover

Casos de uso

Vista del portafolio (una sparkline por activo)
Analytics web (visitas por página)
Tableros de ventas (ingresos por línea de producto)
Monitoreo de servidores (CPU/memoria por instancia)
Campañas de marketing (conversiones por campaña)
Estadísticas deportivas (rendimiento del jugador)

Datos (CSV)

entity,week1,week2,week3,week4,week5,week6
Product A,120,125,130,128,135,140
...
Product F,90,88,92,95,93,98

Configuración del gráfico (JSON)

Consejos de rendimiento

Renderiza como SVG para nitidez o Canvas para mayor velocidad
Limita cada sparkline a 20–30 puntos para legibilidad
Usa virtualización si tienes más de 100 celdas
Cachea los resultados cuando los datos cambian poco

Preguntas frecuentes

¿Cuántas sparklines puedo mostrar? Entre 20 y 50 funcionan bien. Si superas 100, ofrece paginación o filtros.

¿Misma escala Y para todos? Depende. Escala común permite comparar magnitudes; escalas independientes resaltan la forma de la tendencia.

¿Puedo agregar interactividad? Sí: hover con tooltip, clic para expandir o enlaces a vistas detalladas.

¿Qué tan minimalista debe ser? Siguiendo a Tufte: sin ejes ni etiquetas, solo la línea. Añade valor final o min/máx solo si es imprescindible.

¿Cómo manejo datos faltantes? Muestra huecos o líneas discontinuas, pero no interpoles sin avisar.

¿Cómo resalto anomalías? Usa colores, grosor extra o marcadores en los puntos atípicos. Incluso puedes añadir una columna de alertas.

Example

Guide