Editorial Craft Bible
Elegir el gráfico correcto y honestidad del dato
Inicio Infografía editorial Elegir el gráfico correcto y honestidad del dato
Infografía editorial

Elegir el gráfico correcto y honestidad del dato

12 reglas Tufte, The Visual Display of Quantitative Information · Cairo, How Charts LieCairo, How Charts Lie · Few, Show Me the NumbersCairo, How Charts Lie, W.W. Norton, 2019Few, Save the Pies for Dessert · Cairo, How Charts Lie
68

Elegir el gráfico correcto y honestidad del dato

12 reglas
724

Las barras arrancan en cero, siempre

Para comparar magnitudes discretas usa barras y ancla el eje Y en 0. Truncar la base infla la diferencia: una barra que empieza en 50 en vez de 0 convierte una brecha real de 5% en una aparente de 300%. Es la distorsión más citada en la literatura de “cómo mienten los gráficos”, y no tiene cabida en una pieza editorial.

Correcto
63
58
700
Base en 0: la brecha 63 vs 58 se lee como el 8% que es.
Evitar
63
58
7050
Eje truncado en 50: el mismo 8% parece una goleada.
Tufte, The Visual Display of Quantitative Information · Cairo, How Charts Lie
725

Líneas solo para series continuas

Una línea implica una progresión ordenada y continua entre puntos, así que resérvala para series temporales o escalas ordenadas. Conectar categorías discretas sin orden natural (ventas por región, fruta por color) inventa una tendencia que no existe. Para categorías sin orden usa barras, que leen cada valor como independiente.

Correcto
ENE · FEB · MAR · ABR · MAY · JUN
Los meses son continuos y ordenados: la línea revela la tendencia.
Evitar
NORTE · SUR · ESTE · OESTE · CENTRO · GOLFO
Las regiones no tienen orden; la línea finge una progresión.
Cairo, How Charts Lie · Few, Show Me the Numbers
726

Escala círculos por área, no por diámetro

Si un valor es cuatro veces otro, el área del círculo debe ser cuatro veces mayor, así que el radio escala como r = k√valor, no linealmente. Escalar el diámetro hace que un valor 4× se vea 16× más grande, porque el área crece con el cuadrado del radio. Cairo lo documenta como el error más frecuente en la infografía de prensa.

Correcto
10
40 (4×)
Radio = k√valor: el círculo grande cubre exactamente 4× el área.
Evitar
10
40 (4×)
Diámetro escalado 4×: el área se dispara a 16× el valor real.
Cairo, How Charts Lie, W.W. Norton, 2019
727

Pastel: máximo 5 rebanadas, sumando 100%

Un pastel funciona solo cuando las partes suman un todo y hay ≤5 rebanadas; más allá el ojo no compara ángulos con fiabilidad y las cuñas finas se confunden. Si las categorías no suman al total, el pastel simplemente está mal, usa barras. En la duda, las barras casi siempre le ganan al pastel para leer magnitudes exactas.

Correcto
46% · 28%
16% · 10%
= 100%
Cuatro rebanadas que suman 100%: cada parte es fácil de juzgar.
Evitar
9 rebanadas
casi iguales
ilegible
Nueve cuñas casi iguales: ningún ángulo se distingue.
Few, Save the Pies for Dessert · Cairo, How Charts Lie
728

Nunca finjas profundidad con 3D

Una barra o pastel en pseudo-3D distorsiona proporciones por la perspectiva: las cuñas frontales se ven mayores, la inclinación encoge el fondo y el ojo ya no lee el valor real. Perdona cero casos en piezas editoriales de datos. El 3D solo es legítimo en gráficos anatómicos o explicativos de un objeto real, nunca para números abstractos.

Correcto
Pastel plano visto de frente: tres tercios iguales se leen iguales.
Evitar
Pastel 3D inclinado: el tercio frontal domina a los idénticos del fondo.
Tufte, The Visual Display of Quantitative Information · Few
729

Usa small multiples para muchas series

En vez de amontonar 8 líneas de colores en un gráfico “espagueti”, divídelas en una retícula de mini-gráficos idénticos que comparten escala y ejes, los small multiples de Tufte. El lector compara formas de un vistazo en vez de desenredar trazos superpuestos. La misma tinta, mucha más claridad, sobre todo en impreso donde la separación de color es poco fiable.

Correcto
Seis mini-gráficos, una escala común: las formas se comparan al instante.
Evitar
Seis líneas encimadas: los cruces esconden cada tendencia individual.
Tufte, Envisioning Information · The Visual Display of Quantitative Information
730

Maximiza el data-ink: quita el chartjunk

Cada trazo del gráfico debe representar un dato o ayudar a leerlo, un eje, una etiqueta, un valor. Sombras, degradados decorativos, cuadrículas gruesas, marcos duplicados y texturas de fondo son chartjunk, el término de Tufte en The Visual Display of Quantitative Information (1983). Borra la tinta que no es dato hasta dejar solo los números y sus guías esenciales.

Correcto
Barras planas, una base, nada más: puro data-ink.
Evitar
Degradados, sombras, bordes gruesos y cuadrícula ahogan el dato.
Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983
731

Mantén el lie factor en 1

El lie factor de Tufte es (tamaño del efecto mostrado) / (tamaño del efecto en los datos); debe ser lo más cercano a 1 posible. Una infracción común es representar un valor 2× con un ícono escalado en ancho y alto, cuya área crece entonces 4×. Antes de entregar, mide tu gráfico con regla contra los números reales.

lie factor = efecto mostrado / efecto real
objetivo: 1.0 · audita con regla antes de entregar
Correcto
Solo la altura escala 2×; el área también dobla. Lie factor = 1.
Evitar
El ancho también escala: el área es 4×. Lie factor = 2.
Tufte, The Visual Display of Quantitative Information, 1983 (lie factor)
732

Etiqueta siempre el eje y su unidad

Todo eje numérico lleva unidad explícita, %, $, personas, kg, para que el lector nunca adivine qué se mide. Un eje “desnudo” con solo números obliga a interpretar e invita al error. Titula el eje, marca la escala y ancla la unidad a los valores, en impreso no hay tooltip al que recurrir.

Correcto
100%50%0%
TASA DE CONVERSIÓN
Unidad (%), marcas de escala y título de eje: nada que adivinar.
Evitar
Barras desnudas, sin eje ni unidad: ¿64 qué? ¿Por ciento, miles, ranking?
Cairo, The Truthful Art · Few, Show Me the Numbers
733

Comparte una escala entre gráficos comparables

Si dos gráficos en la misma pieza comparan cantidades relacionadas, deben compartir el mismo eje y escala, si no, un valor pequeño dibujado en un eje comprimido puede superar en altura a uno mayor. Escalas distintas lado a lado es una de las formas más comunes y menos detectadas de desinformar sin intención. Fija ambos gráficos al mismo máximo antes de maquetar.

Correcto
A · 80
B · 30
Ambas barras en escala 0-100: 80 domina con razón sobre 30.
Evitar
A · 80
B · 30
B en escala 0-32, A en 0-100: el valor menor se ve mayor.
Cairo, How Charts Lie · Huff, How to Lie with Statistics
734

Ordena categorías por valor, no alfabético

En barras comparativas, ordena de mayor a menor valor para que el ranking, lo que el lector busca, sea visible al instante. Reserva órdenes fijos solo donde realmente existe uno: cronológico, geográfico o escalas Likert. El orden alfabético es un default perezoso que dispersa el ranking y esconde la historia.

Correcto
D
A
E
B
C
Ordenado de mayor a menor: el ranking es la forma del gráfico.
Evitar
A
B
C
D
E
Alfabético A-E: el ojo tiene que cazar la barra mayor.
Few, Show Me the Numbers · Cairo, The Truthful Art
735

Marca visualmente el dato incierto o estimado

Cuando parte del dato es una proyección o estimación en vez de una medición, dilo con un código visual: línea punteada, textura, banda sombreada o nota explícita. Renderizar pronósticos y valores medidos con trazos idénticos es un chart lie por omisión, el punto de Cairo, porque el lector supone que todo es igual de sólido. Deja sólido el tramo medido y quiebra el estimado.

Correcto
— medido··· proyección
Sólido = medido, punteado = pronóstico: el lector sabe cuál es cuál.
Evitar
todo un solo trazo
Una sola línea uniforme: el futuro inventado se lee como hecho medido.
Cairo, How Charts Lie · The Truthful Art