10. Visualización de datos

Visualizar datos significa representar información mediante gráficos para comparar valores, descubrir patrones y comunicar resultados sin distorsionar su significado.

10.1 Introducción

Una tabla conserva valores exactos, pero un gráfico puede hacer visible en pocos segundos una diferencia, una tendencia, una concentración o una relación.

La visualización de datos consiste en traducir datos a elementos visuales como posiciones, longitudes, puntos, líneas, áreas y colores.

Un gráfico no es un adorno. Debe responder una pregunta concreta y permitir que el lector interprete los datos con precisión.

10.2 Qué puede mostrar un gráfico

ComparaciónDiferencias entre categorías, grupos o alternativas.
DistribuciónConcentración, dispersión y forma de una variable numérica.
EvoluciónCambios de una medida a lo largo del tiempo.
RelaciónAsociación entre dos variables cuantitativas.
ComposiciónParticipación de cada parte dentro de un total.

La pregunta determina la tarea visual. Los mismos datos pueden requerir gráficos diferentes si cambia el objetivo.

10.3 Primero la pregunta, después el gráfico

Elegir un tipo de gráfico antes de definir la pregunta suele producir visualizaciones confusas. Conviene formular primero qué queremos descubrir o comunicar.

Pregunta Tipo de datos Gráfico inicial recomendado
¿Qué navegador se utiliza más? Categorías y frecuencias Gráfico de barras
¿Cómo cambió la latencia durante la semana? Medida ordenada en el tiempo Gráfico de líneas
¿Cómo se distribuyen los tiempos de respuesta? Una variable cuantitativa Histograma
¿La carga se relaciona con la latencia? Dos variables cuantitativas Diagrama de dispersión

10.4 Componentes esenciales

Una visualización debe incluir la información necesaria para ser comprendida sin adivinar:

  • Título: comunica la idea o pregunta principal.
  • Ejes: indican variables, unidades y escalas.
  • Marcas: barras, puntos o líneas que representan los datos.
  • Etiquetas: identifican categorías y valores relevantes.
  • Leyenda: explica colores o símbolos cuando hay varias series.
  • Fuente y período: describen el origen y alcance de los datos.

Una leyenda innecesaria puede eliminarse si las series se etiquetan directamente.

10.5 Laboratorio: elegir una visualización

Selecciona una pregunta. El programa identifica la estructura de los datos y construye un gráfico apropiado.

Explorador de preguntas y gráficos

Tu navegador no puede mostrar el gráfico. El resumen textual aparece debajo.

La recomendación no es automática para todos los problemas. Es un punto de partida que debe revisarse según la audiencia, la cantidad de datos y el mensaje.

10.6 Comparar categorías

Los gráficos de barras representan cada categoría mediante una longitud proporcional a su valor. Funcionan bien para comparar frecuencias o medidas entre grupos.

Las categorías no forman una escala continua: por eso las barras se muestran separadas. Pueden ordenarse de mayor a menor, alfabéticamente o según un orden conceptual.

10.7 Mostrar evolución temporal

Un gráfico de líneas conecta observaciones ordenadas, normalmente en el tiempo. Permite ver cambios, picos y tendencias.

La conexión implica continuidad entre puntos consecutivos. No debe utilizarse para unir categorías nominales sin relación de orden.

10.8 Mostrar una distribución

Un histograma agrupa valores cuantitativos en intervalos y representa sus frecuencias mediante barras contiguas. Permite observar dónde se concentran los datos y si existen colas, huecos o varios grupos.

El resultado depende de la amplitud y posición de los intervalos. Por eso conviene revisar más de una agrupación antes de concluir.

10.9 Mostrar una relación

Un diagrama de dispersión representa cada observación como un punto definido por dos variables cuantitativas. Permite estudiar dirección, intensidad, forma y valores atípicos.

Una nube ascendente sugiere asociación positiva, pero no demuestra que una variable cause a la otra.

10.10 Escalas y ejes

La escala determina cómo una distancia visual se traduce en un valor. Debe ser uniforme, estar etiquetada y respetar el tipo de gráfico.

  • En barras, la longitud representa magnitud y el eje cuantitativo debe comenzar normalmente en cero.
  • En líneas, un eje recortado puede ser útil para ver cambios pequeños si se informa claramente.
  • Una escala logarítmica puede ayudar cuando los valores abarcan varios órdenes de magnitud, pero debe identificarse.
  • Los ejes invertidos o los intervalos irregulares deben justificarse.

10.11 Laboratorio: el efecto de recortar el eje

Los cuatro valores siguientes solo difieren en tres puntos porcentuales. Cambia la escala y observa cómo se modifica su apariencia sin alterar los datos.

Mismos datos, distinta escala

Tu navegador no puede mostrar el gráfico. El resumen textual aparece debajo.

Recortar el eje de un gráfico de barras rompe la referencia visual de longitud desde cero y puede exagerar diferencias. Si el análisis necesita destacar variaciones pequeñas, suele ser preferible usar puntos o líneas y declarar la escala.

10.12 Proporcionalidad visual

La propiedad visual elegida debe variar en proporción al dato. En una barra se compara longitud; en un diagrama de dispersión, posición.

Los gráficos tridimensionales pueden distorsionar longitudes y áreas por la perspectiva. Los círculos también son difíciles de comparar porque el lector debe estimar superficies, no solo alturas.

Dato doble → longitud doble en una barra correcta
Dato doble ≠ diámetro doble si el círculo representa un área

10.13 Color y accesibilidad

El color puede agrupar, destacar o representar intensidad, pero no debe ser la única forma de comunicar una diferencia.

  • Utilizar suficiente contraste entre texto y fondo.
  • Evitar depender únicamente de la combinación rojo–verde.
  • Limitar la cantidad de colores y mantener su significado.
  • Combinar color con etiquetas, formas o patrones.
  • Proporcionar un resumen textual de la conclusión principal.

Serie principal   Referencia o advertencia. El texto mantiene el significado aunque el color no se perciba.

10.14 Contexto y precisión

Un valor aislado puede resultar ambiguo. Un buen gráfico informa unidad, período, población, tamaño de la muestra y fuente.

También debe evitar una precisión falsa. Si una medición es aproximada, presentar muchos decimales no aumenta su calidad. Las etiquetas deben mostrar únicamente la precisión que el análisis puede justificar.

10.15 Incertidumbre

Una estimación obtenida de una muestra puede variar. Cuando corresponda, el gráfico debe mostrar intervalos de confianza, bandas de variación, rango de valores u otra medida de incertidumbre.

Mostrar solo un valor central puede sugerir una certeza que los datos no poseen. La forma adecuada de representar la incertidumbre depende del método estadístico y de la audiencia.

10.16 Visualización con JavaScript

Canvas permite dibujar gráficos directamente en el navegador. El código debe conservar separados los datos, la escala y la representación:

const categorias = ["Chrome", "Firefox", "Safari", "Edge"];
const frecuencias = [42, 28, 18, 12];

const maximo = Math.max(...frecuencias);

frecuencias.forEach((frecuencia, indice) => {
  const altura = frecuencia / maximo * altoDisponible;
  const x = margenIzquierdo + indice * anchoDeBanda;
  const y = lineaBase - altura;

  contexto.fillRect(x, y, anchoDeBarra, altura);
  contexto.fillText(categorias[indice], x, lineaBase + 20);
});

En una implementación completa también se dibujan ejes, unidades, cuadrícula y etiquetas, y se ofrece una descripción textual equivalente.

10.17 Flujo de trabajo recomendado

  1. Definir la pregunta y la audiencia.
  2. Comprobar la calidad y el tipo de los datos.
  3. Elegir una forma visual acorde con la tarea.
  4. Construir una primera versión sencilla.
  5. Revisar escalas, unidades, etiquetas y colores.
  6. Comprobar que el gráfico no exagere ni oculte información.
  7. Agregar contexto y una conclusión textual.

10.18 Errores frecuentes

  • Elegir el gráfico por apariencia y no por la pregunta.
  • Usar líneas para categorías sin orden.
  • Recortar el eje de barras y exagerar diferencias.
  • Agregar efectos tridimensionales que deforman la comparación.
  • Utilizar demasiados colores o elementos decorativos.
  • Omitir unidades, período, fuente o tamaño de muestra.
  • Confundir asociación visual con causalidad.
  • Ocultar incertidumbre o valores faltantes.

10.19 Qué debes recordar de este tema

  • Una visualización debe responder una pregunta concreta.
  • El tipo de dato y la tarea determinan el gráfico inicial.
  • Las escalas, unidades y etiquetas forman parte de los datos mostrados.
  • La longitud de una barra debe interpretarse desde una base cero.
  • El color debe complementar, no reemplazar, etiquetas y formas.
  • Un gráfico debe comunicar contexto, limitaciones e incertidumbre.
  • La interactividad es útil cuando ayuda a explorar sin ocultar el estado actual.

10.20 Conclusión

Visualizar datos es una forma de análisis y comunicación. Un gráfico efectivo hace visible la estructura de los datos y permite comparar con precisión; uno deficiente puede crear una impresión contraria a la evidencia.

En el próximo tema estudiaremos en profundidad los gráficos de barras.