Lollipop Chart

Lollipop Chart

Categoría Comparación
Ejemplo de Lollipop Chart

Qué es

Variante minimalista del gráfico de barras: una línea delgada con un punto al final en lugar de una barra sólida. Reduce la tinta sin perder información.

Para qué sirve

Cuando tienes muchas categorías y el gráfico de barras parece visualmente pesado. Perfecto para rankings largos de más de 15 ítems.

Cómo leerlo

Anatomía

A diferencia de una barra sólida, acá la codificación se divide en dos partes con roles distintos: el tallo, una guía visual delgada que conecta la categoría con su valor pero no codifica el dato por sí sola, es un vestigio de la barra que ayuda al ojo a ubicar la distancia desde cero; y el punto, el único atributo que sí codifica el valor real, a través de su posición exacta sobre la escala. Por eso hay que leer la posición del punto con precisión, no el largo aparente del tallo. Como el tallo sigue actuando como una barra adelgazada, la escala debería comenzar en cero igual que en un gráfico de barras: truncarla exagera las diferencias tanto como truncaría una barra sólida.

Un lollipop sobre un tallo delgado, referencia abstracta a la anatomía del lollipop chart: el punto es el dato, el tallo es solo una guía visual

Por qué funciona

Fundamento perceptivo

Reduce drásticamente el 'ruido de tinta' sin perder precisión. Facilita la lectura en rankings largos donde las barras llenas se vuelven opresivas.

Errores comunes

  • Punto poco visible

    en pantallas pequeñas cuesta verlo, así que usa puntos grandes (mínimo 6dp) y asegura buen contraste con el fondo.

Orden de las categorías

Mostrar las filas en el orden en que llegan los datos (alfabético, cronológico de carga, azar) obliga a escanear todo el gráfico para encontrar el máximo y el mínimo. Ordenar de mayor a menor convierte esa búsqueda en inmediata: el ranking se lee de arriba hacia abajo sin esfuerzo. La excepción es cuando ya existe un orden con sentido propio ajeno al valor, como días de la semana o meses: ahí conviene mantenerlo aunque no quede de mayor a menor.

Australia
53
China
91
Francia
64
Alemania
33
Gran Bretaña
65
Italia
40
Japón
45
Estados Unidos
126

Sin ordenar

VS
Estados Unidos
126
China
91
Gran Bretaña
65
Francia
64
Australia
53
Japón
45
Italia
40
Alemania
33

Ordenado

El fondo oscuro del panel correcto es una decisión de presentación de este comparador, no una variable que codifique información: la validez del ranking depende exclusivamente del orden de las categorías, no del color de fondo que acompaña a cada panel.

Dónde se usa

Contextos de aplicación

Ranking de países
01

Ranking de países

Comparación de un indicador entre 20 o más países, donde el volumen de categorías haría que un gráfico de barras se vea pesado y difícil de escanear.

Comparación de selecciones o equipos
02

Comparación de selecciones o equipos

Ranking de desempeño entre muchas selecciones o equipos, por ejemplo puntos, goles o posiciones, donde el punto final es lo único que importa leer.

Herramientas para construirlo

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

No-code
Observable FreemiumFlourish Freemium
JavaScript
D3.js Open SourceECharts Open SourceHighcharts Comercial
Python
Plotly Open SourceMatplotlib Open Source
R
ggplot2 Open Source

Con datos reales

Ejemplos de uso.

¿Qué tanto se usa cada lenguaje de programación?

Porcentaje de desarrolladores que trabajó extensamente con cada lenguaje en el último año, todos los encuestados (n=31.771).

JavaScript
66.0%
HTML/CSS
61.9%
SQL
58.6%
Python
57.9%
Bash/Shell
48.7%
TypeScript
43.6%
Java
29.4%
C#
27.8%
C++
23.5%
PowerShell
23.2%
C
22.0%
PHP
18.9%
Go
16.4%
Rust
14.8%
Kotlin
10.8%

Fuente: Stack Overflow, Developer Survey 2025 (Programming, scripting, and markup languages)