Datos y visualización.
Las cifras se integran a la lectura, la tabla o el gráfico. Una colección de tarjetas estadísticas deja de ser el patrón predeterminado.
Componentes
| Pieza | Uso candidato |
|---|---|
| Métrica contextual | Dentro de un encabezado, resumen o gráfico |
| Franja de datos | Comparar pocas cifras con una línea base común |
| Tabla | Valores que requieren lectura fila por fila |
| Card | Una entidad navegable con contenido y acción |
| Filtros | Reducir o explicar el conjunto visible |
| Timeline | Secuencia de hechos |
| Gráfico | Relación que la tabla no comunica con rapidez |
Métricas sin tarjetas
Rampa secuencial
Tres niveles ordenados para figuras y leyendas. Las etiquetas quedan fuera de las bandas; el ejemplo no representa datos reales. La paleta categórica conserva sus cinco colores.
tokens/v10/datos.css define una sola fuente: #ffffff, #7c7c7c y #14191e. El contraste entre pasos adyacentes es 4,17:1 y 4,24:1. No se utiliza esta rampa para estados, avisos ni navegación.
| Nivel | Uso |
|---|---|
| 1 | Magnitud baja |
| 2 | Magnitud intermedia |
| 3 | Magnitud alta |
- Menor valor
- Valor intermedio
- Mayor valor
Galería de gráficos
Los datos son ilustrativos y están rotulados como ejemplo. La elección depende de la pregunta, no de una galería de efectos.
Sirve para cambio en el tiempo con intervalos comparables.
Sirve para comparar categorías y conserva una línea base común.
Sirve para comparar forma y variación con una escala común.
Implementación canónica de COCHID: cochid-graphs. Cada salida incluye fuente, período, renderer y alternativa tabular.
Reglas gráficas
- Ejes y unidades visibles.
- Escala proporcional al dato.
- Paleta accesible y estable.
- Leyenda cerca de la evidencia.
- Tooltip complementario, nunca único.
- Tabla o resumen equivalente.
Renderer COCHID
cochid-graphs implementará el contrato gráfico para productos COCHID mediante Plotly, exports y permalinks. Style publica el theme versionado. El servicio registra renderer, template, datos y fuente.
- IBM Plex Sans también en PNG, SVG y PDF.
- Paletas categórica, secuencial y divergente compartidas.
- Tabla, CSV o resumen equivalente.
- Frescura y procedencia visibles.
- Mapa, editor y galería heredan la capa COCHID sin CSS propio de producto.
Vista actual
Decisiones
Usa el identificador para confirmar, modificar o rechazar una regla.