Historia y hitos del diseño de información

De Ptolomeo y Playfair a Florence Nightingale y Charles Minard: hitos que cambiaron la disciplina.

La idea de visualización de datos existe desde los mapas de Ptolomeo; su valor es explicar patrones complejos con dispositivos visuales.

Entender los hitos históricos ayuda a aplicar principios que siguen siendo válidos y evitar modas temporales sin sustento.

En esta lección se repasan los gráficos seminales y el cambio de mentalidad: datos como narración y evidencia, no sólo cifras.

Cada pionero resolvió un problema específico de su época y con ello abrió camino a técnicas que hoy usamos en dashboards, informes científicos y reportes de negocio.

  • Hace casi dos mil años, Claudio Ptolomeo (ca. 90–168 d.C.) recopiló latitudes y longitudes de 8,000 lugares conocidos en su obra Geografía.
  • No dibujó sobre intuición: primero organizó datos numéricos, luego los convirtió en un mapa sistemático. Este acto de transformar tablas en representación visual fue una de las primeras instancias del diseño de información.
  • Lección actual: antes de visualizar, necesitas datos precisos y una estructura clara.
  • En 1801, William Playfair publicó Statistical Breviary, introduciendo formalmente el gráfico de barras y el de pastel de sectores.
  • Su innovación no fue decorativa: descubrió que mostrar proporciones visualmente permitía comprensión instantánea, mientras que listas de números no.

Claudio Ptolomeo: Los primeros datos espaciales

Hace casi dos mil años, Claudio Ptolomeo (ca. 90–168 d.C.) recopiló latitudes y longitudes de 8,000 lugares conocidos en su obra Geografía.

No dibujó sobre intuición: primero organizó datos numéricos, luego los convirtió en un mapa sistemático. Este acto de transformar tablas en representación visual fue una de las primeras instancias del diseño de información.

Lección actual: antes de visualizar, necesitas datos precisos y una estructura clara.

William Playfair: Inventar el gráfico de barras y pastel

En 1801, William Playfair publicó Statistical Breviary, introduciendo formalmente el gráfico de barras y el de pastel de sectores.

Su innovación no fue decorativa: descubrió que mostrar proporciones visualmente permitía comprensión instantánea, mientras que listas de números no.

Playfair transformó cifras abstractas en patrones reconocibles. Hoy sus formatos siguen siendo los más usados en dashboards.

Florence Nightingale: La visualización como herramienta de cambio social

Durante la Guerra de Crimea (1853–1856), Florence Nightingale observó que más soldados morían por enfermedades infecciosas que por heridas de combate.

Creó el diagrama de área polar, donde cada sección representaba un mes y el área reflejaba la cantidad de muertes. El impacto visual fue tan poderoso que impulsó reformas sanitarias en el ejército británico.

Lección para hoy: un gráfico bien diseñado puede persuadir donde las cifras solas fracasan. Es una herramienta de decisión y cambio.

Charles Minard: La infografía multidimensional

Charles Minard (1781–1870) es autor de una de las mejores visualizaciones jamás creadas: el mapa de la campaña de Napoleón en Rusia.

En un solo gráfico, Minard combinó seis variables: ubicación, dirección de marcha, tamaño del ejército, temperatura, tiempo y pérdidas. El resultado es una narrativa visual devastadora de la retirada.

La densidad informativa de Minard demuestra que la complejidad no es enemiga de la claridad si cada variable tiene función y significado.

Otto Neurath: El ISOTYPE y la accesibilidad visual

El sociólogo y filósofo Otto Neurath desarrolló ISOTYPE (Sistema Internacional de Educación Pictórico-Tipográfica), un lenguaje de pictogramas estandarizado para comunicar datos a cualquier audiencia.

Su filosofía era: 'Las palabras separan, las imágenes unen'. Usó figuras de personas para mostrar población, monedas para dinero, fábricas para industria.

El ISOTYPE es ancestro directo de los símbolos e iconos que hoy ves en aeropuertos, reportes de ONU y dashboards globales.

Siglo XX: Bauhaus, Estilo Suizo y los teóricos modernos

En los años 20-30, la Escuela Bauhaus predicaba 'la forma sigue a la función'. En diseño de información, esto significó eliminar ornamento y priorizar legibilidad.

El Estilo Tipográfico Internacional (años 50-60) llevó esos principios al extremo: rejillas funcionales, tipografía sans-serif, asimetría controlada, claridad radical.

Edward Tufte acuñó el término 'chartjunk' en 1983: todo lo que decepar datos sin aportar comprensión debe eliminarse. Jacques Bertin propuso una gramática visual sistemática donde cada atributo (posición, tamaño, color) codifica un aspecto de los datos.

Estos dos teóricos siguen siendo los cimientos de la evaluación moderna de visualización: precisión de datos y mínima distorsión visual.

📘 Teoría

Claudio Ptolomeo: Los primeros datos espaciales

Hace casi dos mil años, Claudio Ptolomeo (ca. 90–168 d.C.) recopiló latitudes y longitudes de 8,000 lugares conocidos en su obra Geografía.

No dibujó sobre intuición: primero organizó datos numéricos, luego los convirtió en un mapa sistemático. Este acto de transformar tablas en representación visual fue una de las primeras instancias del diseño de información.

Lección actual: antes de visualizar, necesitas datos precisos y una estructura clara.

William Playfair: Inventar el gráfico de barras y pastel

1

En 1801, William Playfair publicó Statistical Breviary, introduciendo formalmente el gráfico de barras y el de pastel de sectores.

2

Su innovación no fue decorativa: descubrió que mostrar proporciones visualmente permitía comprensión instantánea, mientras que listas de números no.

3

Playfair transformó cifras abstractas en patrones reconocibles. Hoy sus formatos siguen siendo los más usados en dashboards.

Florence Nightingale: La visualización como herramienta de cambio social

1

Durante la Guerra de Crimea (1853–1856), Florence Nightingale observó que más soldados morían por enfermedades infecciosas que por heridas de combate.

2

Creó el diagrama de área polar, donde cada sección representaba un mes y el área reflejaba la cantidad de muertes. El impacto visual fue tan poderoso que impulsó reformas sanitarias en el ejército británico.

3

Lección para hoy: un gráfico bien diseñado puede persuadir donde las cifras solas fracasan. Es una herramienta de decisión y cambio.

Charles Minard: La infografía multidimensional

1

Charles Minard (1781–1870) es autor de una de las mejores visualizaciones jamás creadas: el mapa de la campaña de Napoleón en Rusia.

2

En un solo gráfico, Minard combinó seis variables: ubicación, dirección de marcha, tamaño del ejército, temperatura, tiempo y pérdidas. El resultado es una narrativa visual devastadora de la retirada.

3

La densidad informativa de Minard demuestra que la complejidad no es enemiga de la claridad si cada variable tiene función y significado.

Otto Neurath: El ISOTYPE y la accesibilidad visual

1

El sociólogo y filósofo Otto Neurath desarrolló ISOTYPE (Sistema Internacional de Educación Pictórico-Tipográfica), un lenguaje de pictogramas estandarizado para comunicar datos a cualquier audiencia.

2

Su filosofía era: 'Las palabras separan, las imágenes unen'. Usó figuras de personas para mostrar población, monedas para dinero, fábricas para industria.

3

El ISOTYPE es ancestro directo de los símbolos e iconos que hoy ves en aeropuertos, reportes de ONU y dashboards globales.

Siglo XX: Bauhaus, Estilo Suizo y los teóricos modernos

En los años 20-30, la Escuela Bauhaus predicaba 'la forma sigue a la función'. En diseño de información, esto significó eliminar ornamento y priorizar legibilidad.

El Estilo Tipográfico Internacional (años 50-60) llevó esos principios al extremo: rejillas funcionales, tipografía sans-serif, asimetría controlada, claridad radical.

Edward Tufte acuñó el término 'chartjunk' en 1983: todo lo que decepar datos sin aportar comprensión debe eliminarse. Jacques Bertin propuso una gramática visual sistemática donde cada atributo (posición, tamaño, color) codifica un aspecto de los datos.

Estos dos teóricos siguen siendo los cimientos de la evaluación moderna de visualización: precisión de datos y mínima distorsión visual.

🧭 Visuales clave

Línea de tiempo: hitos en visualización de datos

Visualización horizontal de 1800+ años de innovación en diseño de información, con figuras clave y su contribución.

Línea de tiempo desde Ptolomeo (90 d.C.) hasta Bertin (1960s) mostrando hitos clave

Línea de tiempo en móvil

La misma línea de tiempo adaptada a formato vertical para legibilidad en móvil.

Línea de tiempo vertical optimizada para pantallas pequeñas

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com