Estadísticas y gráficos
Una señal con unidad, período, comparación y datos equivalentes.
Jerarquía de información
Una cifra responde a una pregunta. Etiqueta, unidad, período y comparación deben estar cerca. Agrupar datos relacionados; elegir una serie relevante en lugar de colorear todas. La tendencia necesita contexto de negocio, no una flecha verde automática.
COBROS · ABRIL–SEPTIEMBRE 2026 · DATOS FICTICIOS
Sep. 2026
Bs 28.600,008,3 % respecto a ago. Comparación descriptiva, sin valoración del negocio.
Escala desde cero hasta Bs 32.000,00. Acento para selección; resto neutro.
Ver los datos del gráfico
| Mes | Cobrado |
|---|---|
| Abr. 2026 | 18.400,00 |
| May. 2026 | 21.600,00 |
| Jun. 2026 | 20.200,00 |
| Jul. 2026 | 24.800,00 |
| Ago. 2026 | 26.400,00 |
| Sep. 2026 | 28.600,00 |
Color y escala
Índigo para serie o período elegido; tinta y neutros para referencia. Semánticos solo cuando representan estados reales. Mantener mapping entre vistas y leyenda. Para múltiples series, etiquetas directas, trazos o tramas; no usar seis variantes de índigo como única distinción.
Barras parten de cero para comparar longitudes. Escala común para magnitudes comparables. Si un gráfico exige otra escala, indicarla y justificarla. No usar 3D, perspectiva ni áreas decorativas que distorsionen cantidades. Un eje de tiempo conserva orden y separación coherentes.
Interacción y equivalencia
Tooltip accesible por foco y puntero; sin información imprescindible exclusiva del hover. Selección con estado anunciado, etiqueta completa y foco estable. Ofrecer datos en tabla o texto equivalente. Leyendas no dependen solo del color. La muestra mensual mantiene el DOM de las barras al seleccionar para conservar foco y scroll.
Casos límite
Carga conserva estructura; sin dato difiere de cero; error parcial no inventa valores; filtros cambian el período anunciado; datos obsoletos muestran fecha de actualización. No comparar períodos con distinto alcance sin avisarlo. Tablas exportadas conservan moneda, período y precisión.