El arte de contar historias con datos

"Above all else show the data"

- Edward Tufte
Explorar Guía Completa

El mundo no puede entenderse sin números. Pero el mundo no puede entenderse solo con números.

Hans Rosling

Los Pioneros de la Infografía

Conoce a los visionarios que sentaron las bases de la visualización de datos moderna.

William Playfair (1759-1823)

Revolución Industrial Inventó gráficos de barras, líneas y circulares

Considerado el padre de la gráfica estadística. En 1786 publicó "The Commercial and Political Atlas", introduciendo por primera vez el gráfico de barras y líneas para representar datos económicos.

"The advantage proposed by this method... is to present to the eye a figure of the progress of commerce."

Saber más

Florence Nightingale (1820-1910)

Era Victoriana Diagramas de área polar (Coxcombs)

Enfermera y estadística que revolucionó la higiene hospitalaria. Sus "diagramas de área polar" demostraron que más soldados morían por enfermedades que por heridas en la Guerra de Crimea, cambiando políticas sanitarias.

Usó datos para salvar vidas, combinando compasión con evidencia estadística.

Saber más

Charles Joseph Minard (1781-1870)

Siglo XIX Mapa de la campaña de Rusia de Napoleón

Ingeniero civil francés creador del que Edward Tufte considera "el mejor gráfico estadístico jamás dibujado". Su mapa de 1869 muestra seis variables en dos dimensiones: geografía, tiempo, temperatura, dirección de la marcha y número de tropas.

Un solo gráfico que cuenta una historia trágica con una claridad impresionante.

Saber más

Edward Tufte (1942-actualidad)

Era Digital Teoría moderna de visualización

Estadístico y profesor de Yale autor de "The Visual Display of Quantitative Information". Defiende la "excelencia gráfica": mostrar la mayor cantidad de ideas en el menor tiempo con la menor tinta.

"Graphical excellence is that which gives to the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space."

Saber más

Jacques Bertin (1918-2010)

Siglo XX Semiología Gráfica (1967)

Geógrafo y cartógrafo francés que estableció las bases teóricas de la visualización. Su obra "Sémiologie Graphique" define 7 variables visuales: posición, tamaño, valor, textura, color, orientación y forma.

Estableció el lenguaje visual universal para representar datos.

Saber más

Hans Rosling (1948-2017)

Siglo XXI Gapminder Foundation

Médico, estadístico y profesor sueco que revolucionó la forma de presentar datos globales. Sus charlas TED y la herramienta Gapminder mostraron que el mundo estaba mejorando en muchos aspectos, desafiando percepciones erróneas.

"Let my dataset change your mindset."

Saber más

Los datos siempre son recogidos por alguien, con algún propósito, de alguna manera.

Giorgia Lupi

Fundamentos Conceptuales

¿Qué son los datos?

Para diseñadores: Los datos son la materia prima para contar historias visuales. Son observaciones, mediciones o hechos que pueden ser procesados para generar información.

Ejemplos del mundo real:

  • Twitter: Tuits, likes, seguidores, horarios
  • Salud: Ritmo cardíaco, pasos, calorías
  • Clima: Temperatura, humedad, velocidad del viento
  • Negocios: Ventas, clientes, costos, satisfacción

Insight: Los datos sin contexto son números; con contexto, son historias.

¿Qué son las variables?

Características o atributos que pueden medirse u observarse. El tipo de variable determina qué gráfico usar.

Categóricas

Nombres o categorías sin orden matemático

  • Color favorito
  • Tipo de bebida
  • Género musical
Gráfico: Barras, Pastel

Numéricas

Valores cuantitativos con orden

  • Edad
  • Precio
  • Temperatura
Gráfico: Líneas, Histograma

Temporales

Fechas o períodos de tiempo

  • Año
  • Mes
  • Hora del día
Gráfico: Línea temporal

¿Por qué importa al diseñador?

Porque el diseño sin datos es decoración; los datos sin diseño son ruido.

Caso 1: Dashboard de Salud

Desafío: Mostrar progreso de pacientes sin abrumar.

Solución: Jerarquía visual con colores: verde=mejorando, rojo=atención.

Caso 2: Cambio Climático

Desafío: Comunicar datos complejos a público general.

Solución: Mapa coroplético con escala de colores secuencial.

Caso 3: Redes Sociales

Desafío: Visualizar engagement en tiempo real.

Solución: Gráfico de red mostrando conexiones entre usuarios.

Principio Clave: Tu diseño debe hacer los datos más comprensibles, no solo más bonitos.

La ventaja de este método... es presentar al ojo una figura del progreso del comercio.

William Playfair

Principios de Diseño de Color

Consejos de Lisa Charlotte Muth, diseñadora experta en visualización de datos

El Objetivo de la Leyenda de Color

Ayudar al lector a entender, lo más rápido posible, qué significan los elementos coloreados en tu visualización.

Para Datos Categóricos

  • Usa retículas y grupos: Agrupa muchas categorías en estructura de retícula
  • Estructura ítems largos: Etiquetas largas en su propia línea
  • Usa forma, no solo color: Incluye formas/patrones en la leyenda
  • Ordena por importancia: Igual orden que en el gráfico
  • Etiquetado directo: Para pocos elementos, etiqueta directamente

Para Datos Cuantitativos

  • Salta clases: Etiqueta solo valores importantes
  • Añade ticks: Marcas de eje para escalas continuas
  • Simplifica la etiqueta: Solo tendencia general si es necesario
  • Haz obvias las interpolaciones: Diferentes anchos según rangos
  • Diseña como el gráfico: Incluye contornos si los hay

Ejemplo Práctico: Consumo de Bebidas

Dataset: Café, Té, Chocolate Caliente (2010-2023)

Solución: Leyenda con retícula 2x2, colores distintivos, orden por consumo promedio.

Dirige la Mirada del Lector

El color es tu herramienta más poderosa para controlar dónde mira el lector.

Regla de Oro

"Si todo es importante y enfatizado, nada lo es." Es mejor que el lector capte tu mensaje más importante que ninguno.

La Herramienta Más Poderosa: El Gris

  • Para enfatizar: Todo gris excepto lo importante
  • Para "otros": Gris para datos menos importantes
  • Advertencia: No usar gris para categorías igualmente importantes

Jerarquía de Múltiples Niveles

  1. Nivel 1: Color más saturado y oscuro
  2. Nivel 2: Menos oscuro, menos saturado
  3. Nivel 3: Gris (0% saturación)
  4. Nivel 4: Gris muy claro

Cuanto más saturados y oscuros, más atención atraen.

Guía Esencial para la Preparación de Datos

Regla de Oro: Nunca edites el dato original. Siempre duplica la hoja de datos original.

1

Preparar el Archivo

  • Entiende el dato (unidades, fuentes)
  • Renombra el archivo de forma clara
  • Crea copia "Data - editada"
  • Añade hoja "Source" con enlaces
2

Limpiar el Encabezado

  • Elimina filas superiores (títulos, notas)
  • Unifica encabezados a una sola fila
  • Métricas al encabezado (€, kg, %)
  • Renombra códigos ininteligibles
3

Limpiar los Valores

  • Elimina columnas/filas innecesarias
  • Elimina separadores de miles
  • Acorta texto demasiado largo
  • Corrige formato de fechas

Consejo para RAWGraphs/Datawrapper

Si limpias bien los datos antes, el 90% de los errores técnicos desaparecen al copiar y pegar.

La primera y principal meta de cualquier gráfico es ser una herramienta para tus ojos y cerebro para percibir lo que está más allá de su alcance natural.

Alberto Cairo

Herramientas para Visualización

Desde opciones sin código hasta herramientas profesionales

RAWGraphs

Gratuito Open Source

Herramienta web de código abierto para crear visualizaciones complejas desde datos simples.

Para quién: Principiantes, educadores, proyectos rápidos

Curva de aprendizaje: Baja

Fortalezas: 20+ tipos de gráficos, exporta SVG

Ir a RAWGraphs

Datawrapper

Freemium Fácil

Plataforma para crear gráficos, mapas y tablas sin necesidad de programación.

Para quién: Periodistas, medios, comunicadores

Curva de aprendizaje: Muy baja

Fortalezas: Responsive, accesible, embebible

Ir a Datawrapper

Flourish

Freemium Interactivo

Plataforma para visualizaciones de datos interactivas y animadas.

Para quién: Storytellers, presentaciones, medios digitales

Curva de aprendizaje: Media

Fortalezas: Animaciones, templates, colaboración

Ir a Flourish

Tableau Public

Gratuito Profesional

Potente herramienta de business intelligence para dashboards complejos.

Para quién: Analistas de datos, empresas, visualizaciones complejas

Curva de aprendizaje: Alta

Fortalezas: Potencia, conectores de datos, comunidad

Ir a Tableau Public

Datawrapper Maps

Fácil Integrado

Creación de mapas coropléticos y de puntos directamente en Datawrapper.

Ir a Datawrapper Maps

QGIS

Gratuito Open Source

Sistema de Información Geográfica profesional para análisis espacial avanzado.

Ir a QGIS

Mapbox

Freemium Personalizable

Plataforma de mapas personalizables para desarrolladores.

Ir a Mapbox

Bases de datos: fuentes

16 fuentes verificadas para tus proyectos de visualización

Our World in Data (OWID)

Alto rigor

Especialidad: Desarrollo global, clima, salud, educación, pobreza

Volumen estimado: Cientos de indicadores y visualizaciones

Fuente: University of Oxford / Global Change Data Lab

Temas relevantes como cambio climático, salud mental, tecnología. Buen diseño visual.

Visitar Our World in Data

Gapminder

Alto rigor

Especialidad: Demografía, desarrollo, salud global, bienestar

Volumen estimado: Cientos de indicadores globales

Fuente: Gapminder Foundation

Visualizaciones animadas que conectan bien con intereses de cambio social y visual storytelling.

Visitar Gapminder

Kaggle Datasets

Medio-Alto rigor

Especialidad: Variedad: deportes, redes sociales, películas, salud, juegos

Volumen estimado: Miles de datasets

Fuente: Comunidad de ciencia de datos

Muchas temáticas atractivas: Netflix, videojuegos, Spotify. Requiere revisión individual.

Visitar Kaggle Datasets

Spotify Data (via Kaggle)

Medio rigor

Especialidad: Música, hábitos de escucha, rankings, géneros

Volumen estimado: Miles de canciones y usuarios

Fuente: Usuarios de Kaggle (datos derivados)

Ideal para visualizaciones culturales, análisis de tendencias musicales.

Buscar datasets de Spotify

Yelp Open Dataset

Medio rigor

Especialidad: Negocios, reseñas, ciudades, comportamiento urbano

Volumen estimado: Millones de entradas

Fuente: Yelp

Interesante para analizar hábitos urbanos o visualización de mapas sociales.

Visitar Yelp Dataset

Voronoi (Visual Capitalist)

Medio-Alto rigor

Especialidad: Visualizaciones editoriales interactivas de economía, cultura y sociedad

Volumen estimado: Medio (decenas de visualizaciones semanales)

Fuente: Visual Capitalist (Canadá)

Muy atractiva para jóvenes y docentes de diseño. Fuente de inspiración visual y enseñanza de infografía.

Visitar Voronoi

Nota: Estas son 6 de las 16 fuentes. Para ver todas, consulta el archivo Excel original.

La excelencia gráfica es aquella que da al espectador el mayor número de ideas en el menor tiempo con la menor tinta en el menor espacio.

Edward Tufte

Infógrafos contemporáneos

Referentes actuales y sus estilos característicos

Alberto Cairo

Alberto Cairo

Brasil/EEUU Periodismo de datos

Autor de "The Functional Art" y "How Charts Lie". Profesor en University of Miami. Enfoque en rigor periodístico y accesibilidad.

"La visualización de datos no es solo arte; es una herramienta para el pensamiento."

Jaume Serra

Jaume Serra

España Infografía periodística y conceptual

Infografista y director de arte, referente en la renovación de la infografía periodística en España y América Latina.

Giorgia Lupi

Giorgia Lupi

Italia/EEUU Datos humanos

Co-fundadora de "Dear Data", socia en Pentagram. Enfoque en datos personales y dibujo a mano. Autora de "Observe, Collect, Draw!"

"Los datos son humanos, tienen contexto, y contar historias con ellos es un acto de empatía."

Nadieh Bremer

Nadieh Bremer

Países Bajos Visualización artística

Fundadora de Visual Cinnamon. Astrónoma convertida en diseñadora de datos. Especializada en visualizaciones coloridas y narrativas técnicas.

"Cada dataset tiene una historia esperando ser contada visualmente."

Moritz Stefaner

Moritz Stefaner

Alemania Visualización conceptual

Truth & Beauty Operations. Combinación de diseño, estadística y storytelling. Proyectos para Google, Wired, Scientific American.

"La visualización de datos exitosa encuentra el equilibrio entre verdad y belleza."

The Pudding

The Pudding

EEUU Ensayos visuales

Colectivo que publica "visual essays" sobre cultura, política y tecnología. Cada artículo combina datos, diseño y narración profunda.

"Explicamos ideas que moldean la cultura a través de ensayos visuales."

Visual Capitalist

Visual Capitalist

Canadá Infografías empresariales

Plataforma que crea infografías sobre mercados, tecnología, energía y economía. Enfoque en datos empresariales con diseño limpio.

"Visualizando los mercados, la tecnología y las grandes ideas que moldean nuestro mundo."

Modo Estudiante - Checklist Interactivo

Consejos prácticos de los PDFs para aplicar en tus proyectos

Antes de Empezar

Durante el Diseño

Al Finalizar

0/10 completados

Recursos Adicionales

Comunidades

Bibliografía Recomendada

  • "The Visual Display of Quantitative Information" - Edward Tufte
  • "Storytelling with Data" - Cole Nussbaumer Knaflic
  • "The Functional Art" - Alberto Cairo
  • "Dear Data" - Giorgia Lupi & Stefanie Posavec