Las gráficas son el corazón de la marca. Toda gráfica, en todo medio, lleva el mismo marco.
El RNPDNO acumula 351,057 registros con hechos entre 2010-01 y 2026-07 ← título: el hallazgo
México · registros por mes de la fecha de hechos ← subtítulo: geo · unidad
3.5k ┤ ╱╲ ← eje mono, abreviado
│ ╱╲ ╱ ╲
2.5k ┤ ╱╲ ╱╲ ╱ ╲╱ ╲ ╎ ← retícula horizontal
│ ╱╲ ╱╲ ╱ ╲╱ ╲╱ ╲ ╎ provisional
1.5k ┤ ╱╲ ╱╲ ╱ ╲╱ ╲╱ ╲╎
└──────────────────────────────────────────────────── ← línea base más oscura
2010 2015 2020 2025
──────────────────────────────────────────────────── ← regla de 1px
Fuente: RNPDNO (CNB/SEGOB) · consultado 2026-07-09 · ← fuente en mono
rnpdno-2026-07 · umbral.mx · datos CC BY 4.0■ UMB-CHT-001 · Gráficas · error
El título es la afirmación. Un tema («Registros por año») obliga al lector a deducir qué debía ver; un hallazgo («Los registros crecen 9% anual desde 2015») se puede verificar contra la gráfica y, por tanto, se puede discutir.
| Sí | «El gasto observable acumula ≥ 107.6 M MXN». |
| No | «Gasto por mes». |
Comprobación: En revisión.
Origen: Brand book p.05; pautamx y desaparecidosmx ya lo hacen bien.
Ver también: UMB-MET-002
Desde v1.0. Regla normativa: rules/rules.yaml.
Space Grotesk 500, 22px, alineado a la izquierda con el eje. Una oración completa, sin punto final.
■ UMB-CHT-002 · Gráficas · error
Sin unidad y sin periodo la cifra no significa nada, y la gráfica circula sin su contexto en cuanto alguien la captura de pantalla.
| Sí | «México · registros por mes de la fecha de hechos · el registro se actualiza retroactivamente». |
| No | Dejar la unidad implícita en el eje. |
Comprobación: En revisión.
Desde v1.0. Regla normativa: rules/rules.yaml.
Plex Sans, muted. Geografía · periodo · unidad, separados por ·. Aquí es donde van las advertencias que el lector necesita antes de mirar: «el registro se actualiza retroactivamente», «la banda es el intervalo que publica Meta».
■ UMB-CHT-003 · Gráficas · error
Nombrar la fuente y su licencia es la mitad de la credibilidad del laboratorio, y es lo que permite que alguien más rehaga el cálculo.
| Sí | «Fuente: RNPDNO (CNB/SEGOB) · consultado 2026-07-09 · rnpdno-2026-07 · umbral.mx · datos CC BY 4.0». |
| No | Publicar una gráfica sin fuente, o con la fuente solo en el texto que la rodea. |
Comprobación: Automática — umbral-lint, comprobación chart-source-present.
Origen: desaparecidosmx es el mejor ejemplo del portafolio: incluye la etiqueta del snapshot.
Ver también: UMB-DAT-002
Desde v1.0. Regla normativa: rules/rules.yaml.
Plex Mono 12px, caption, encima de una regla de 1px. El orden es:
<!-- umbral-lint: ignore[snapshot-tag] — plantilla, no una línea de fuente real -->
Fuente: ORIGEN · consultado FECHA · TAG-DE-SNAPSHOT · umbral.mx · datos CC BY 4.0La gráfica circula sin su página en cuanto alguien la captura de pantalla. La línea de fuente es lo único que viaja con ella.
■ UMB-CHT-004 · Gráficas · error
La retícula vertical rara vez ayuda a leer un valor y sí ensucia. La línea base más oscura ancla el cero.
| Sí | y.grid = true, x.grid = false, base en –u-baseline. |
| No | Retícula en ambos ejes, o marco alrededor de la gráfica. |
Comprobación: En revisión.
Desde v1.0. Regla normativa: rules/rules.yaml.
gridline. Nada de vertical.baseline, más oscura, para anclar el cero.▲ UMB-CHT-007 · Gráficas · advertencia
Los numerales tabulares alinean los dígitos y hacen comparable el eje de un vistazo.
| Sí | 12k, 3.7M, 351,057. |
| No | 12000, 3700000, o cifras en la tipografía de cuerpo. |
Comprobación: En revisión.
Ver también: UMB-NUM-001 · UMB-NUM-002
Desde v1.0. Regla normativa: rules/rules.yaml.
Plex Mono, 12px, caption. Abreviados (12k, 3.7M), coma para miles. El eje y no lleva línea de dominio; el eje x sí, y es la línea base.
■ UMB-CHT-005 · Gráficas · error
La leyenda obliga a ir y venir entre el dato y su nombre. La etiqueta directa también es la razón por la que los colores de serie cuentan como texto pequeño y deben cumplir 4.5:1, no 3:1.
| Sí | Plot.text en el último dato de cada serie. |
| No | Una caja de leyenda al costado. |
Comprobación: En revisión.
Ver también: UMB-COL-005 · UMB-A11Y-005
Desde v1.0. Regla normativa: rules/rules.yaml.
Al final de la línea, en el color de la serie, en Plex Sans. Sin caja de leyenda.
Important
Como la etiqueta va en el color de la serie, es texto pequeño en color de marca. Por eso existen
signal-text,model-textyalert-text, y por eso una etiqueta directa se colorea con esas variantes y no consignal,modeloalert.
■ UMB-CHT-008 · Gráficas · error
La longitud de la barra es la codificación. Truncar el eje multiplica visualmente una diferencia que no existe en los datos.
| Sí | Barras desde 0, siempre. |
| No | Empezar el eje en el mínimo observado para «que se note la diferencia». |
Comprobación: En revisión.
Desde v1.0. Regla normativa: rules/rules.yaml.
panel, si la hay.■ UMB-CHT-009 · Gráficas · error
En una serie de tiempo truncar puede ser legítimo; no declararlo nunca lo es. La anotación viaja con la imagen aunque el texto no.
| Sí | Marcar el corte y decirlo junto al eje. |
| No | Truncar en silencio. |
Comprobación: En revisión.
Desde v1.0. Regla normativa: rules/rules.yaml.
Una serie en signal. El resto en model y muted. alert solo cuando algo es efectivamente una alerta — no como tercer color por comodidad.
■ UMB-COL-004 · Color · error
La jerarquía visual de Umbral depende de que exista un único punto de atención. Si todo resalta, nada resalta. El alcance se limita a la capa de datos porque Streamlit aplica primaryColor a todos sus widgets a la vez y no existe configuración que lo restrinja a un elemento.
| Sí | Una serie, una cifra o un elemento de UI en signal. |
| No | Signal en el logo, el botón y la serie principal a la vez. |
Comprobación: En revisión.
Origen: Brand book p.03 «La señal es sagrada»; medido: 17 elementos en desaparecidosmx, 10 en pautamx, 4 en cabildo-libre.
Desde v1.0. Regla normativa: rules/rules.yaml.
Toda gráfica publicada lleva, además de lo visual:
aria-label con la misma afirmación que el título;<details> con las cifras;Ver 11 · Accesibilidad.