Pictogram Chart

Pictogram Chart

Categoría Comparación

Qué es

Iconos o pictogramas donde cada unidad representa una cantidad. Humaniza los datos haciéndolos más concretos y memorables para audiencias generales.

Para qué sirve

Para comunicar datos a audiencias no especializadas cuando quieres que recuerden el número o cuando la humanización del dato es importante.

Cómo leerlo

Anatomía

Este método de estadística pictórica se desarrolló en Viena en la segunda mitad de los años 1920, como parte de un proyecto más amplio de comunicar estadísticas sociales a audiencias sin formación técnica, y más tarde se sistematizó bajo un sistema internacional de educación pictórica. Su primera y más importante regla de diseño: una cantidad mayor nunca se representa agrandando el ícono, sino repitiendo el mismo ícono, del mismo tamaño, más veces. La razón es evitar una pregunta ambigua e implícita —¿se compara altura, área o volumen?— que la repetición a tamaño fijo elimina por completo: cada símbolo vale lo mismo siempre, y se puede, literalmente, contar. Un símbolo parcial representa una fracción exacta de esa unidad fija, nunca una unidad distinta.

Seis huevos reales del mismo tipo y tamaño alineados en una fila sobre fondo oscuro, sin marca ni etiqueta: la misma lógica de un pictogram chart, donde una cantidad se representa repitiendo la misma unidad fija, nunca agrandando una sola unidad

Por qué funciona

Fundamento perceptivo

Los iconos humanos hacen que las estadísticas se sientan reales. Un pictograma de personas es más memorable que una barra del 20%.

Errores comunes

  • No apto para precisión

    Cuando un valor no es un múltiplo exacto del que representa cada ícono, hay que recurrir a íconos parciales (medio ícono, un cuarto de ícono), y estimar visualmente una fracción de figura es mucho más impreciso que leer la altura de una barra. Un pictograma comunica mejor una magnitud aproximada y memorable que un valor que necesita leerse con exactitud.

  • Íconos con formas irregulares

    Un ícono cuya silueta no es uniforme —por ejemplo, la figura de una persona, con brazos y piernas que ocupan espacio de forma desigual— hace que el área visual ocupada no sea directamente proporcional a la cantidad de íconos, incluso si cada uno representa la misma unidad. Formas simples y compactas, como cuadrados o círculos, mantienen esa proporcionalidad de forma más confiable.

  • Escala de cada ícono sin declarar

    Si el pictograma no indica explícitamente a cuántas unidades equivale cada ícono completo (por ejemplo, "cada figura = 1.000 personas"), el lector no tiene forma de convertir la cantidad de íconos en un valor real, y el gráfico queda reducido a una impresión decorativa de "más" o "menos" sin ninguna cifra detrás.

Dónde se usa

Contextos de aplicación

Fuerza laboral y RR.HH.
01

Fuerza laboral y RR.HH.

Distribución de empleados por departamento o modalidad de trabajo en un reporte interno.

Estudios demográficos
02

Estudios demográficos

Proporción de la población con una característica puntual, mostrada como unidades contables.

Resultados electorales
03

Resultados electorales

Distribución de votos o escaños en una infografía de prensa, un símbolo por bloque de votos.

Cómo construirlo

El mismo gráfico, en 11 librerías open source

Cada librería resuelve las mismas decisiones de diseño, como la escala, el espaciado entre barras o la inserción de la etiqueta de valor, de un modo distinto. Algunas las automatizan; otras las dejan explícitas en el código, a criterio de quien lo escribe. Comparar once implementaciones con los mismos datos y el mismo color de marca aísla esa diferencia, que de otro modo queda oculta detrás de estilos visuales distintos.

Matplotlib License (estilo BSD)
Matplotlib: gráfico de barras

matplotlib.path.Path acepta vértices y códigos de curva arbitrarios como marcador —no hay una función "pictograma" dedicada, pero sí soporte real para marcadores custom (acá, un icono humano minimalista).

import matplotlib.pyplot as plt
from matplotlib.path import Path
from matplotlib.patches import PathPatch

total, cols = 20, 10
filled = round(17.8)  # 17.8 de 20 -> redondeado al icono mas cercano

# matplotlib.path.Path acepta vertices y codigos de curva arbitrarios
# como marcador -- no hay una funcion "pictograma" dedicada, pero si
# soporte real para marcadores custom (aca, un icono humano minimalista).
fig, ax = plt.subplots(figsize=(7.4, 2.4))
for i in range(total):
    col, row = i % cols, i // cols
    color = "#760D3E" if i < filled else "#E4DCD4"
    ax.add_patch(plt.Circle((col * 1.1 + 0.5, row * 1.3 + 0.85), 0.22, color=color))
    ax.add_patch(PathPatch(Path([...]), color=color))  # torso simplificado
ax.set_aspect("equal"); ax.axis("off")
plt.show()

No disponible en estas librerías

Plotnine

El aesthetic shape de geom_point() solo acepta los marcadores geométricos básicos de matplotlib (círculo, cuadrado, triángulo...), no un path SVG personalizado como un icono humano.

Chart.js

Sus point styles están limitados a un catálogo fijo de formas geométricas —sin un plugin externo, no acepta un ícono personalizado ni una imagen repetida como marcador.

ApexCharts

No tiene un canal de forma personalizada para sus marcadores ni un mecanismo para insertar imágenes repetidas ancladas a coordenadas de datos.

Herramientas para construirlo

No-code, desktop y plataformas web, con su licencia visible, abierta o comercial.

No-code
Flourish FreemiumDatawrapper FreemiumObservable FreemiumPower BI Comercial
JavaScript
D3.js Open Source
Python
pywaffle Open Source
R
ggplot2 Open Source

Con datos reales

Ejemplos de uso.

¿Cuántos hogares chilenos son de una sola persona?

Hogares unipersonales como porcentaje del total de hogares, Censo 2017 (INE). En 2002 esa cifra era 11,6%.

17.8%

Fuente: Instituto Nacional de Estadísticas (INE), Síntesis de Resultados Censo 2017

Gráficos relacionados

Variantes y alternativas cercanas.