Bump Chart

Bump Chart

Categoría ComparaciónEvolución
Ejemplo de Bump Chart

Qué es

Versión suavizada del Slope Graph para más de dos períodos. Muestra cómo evoluciona el ranking de múltiples ítems a lo largo del tiempo con curvas que se entrecruzan.

Para qué sirve

Para visualizar cambios de posición o ranking a lo largo de varios períodos de tiempo cuando hay muchos competidores.

Cómo leerlo

Anatomía

Suele describirse como una extensión directa del slopegraph, con ejemplos documentados de este formato con múltiples columnas de tiempo circulando desde al menos las últimas décadas del siglo XX. La diferencia con el slopegraph no es de principio sino de escala: acá hay tres o más momentos en el eje horizontal, así que las líneas no solo suben o bajan sino que se cruzan libremente entre sí a medida que cada categoría gana o pierde posiciones en un ranking a lo largo del tiempo. El eje vertical mide posición en el ranking, no magnitud real: dos categorías con valores muy distintos pueden ocupar la misma altura si están en el mismo lugar, y un cruce entre dos líneas marca el momento exacto en que una adelanta a la otra.

Cordones de zapatilla cruzando en zigzag de un ojal a otro entre dos columnas paralelas: la misma anatomía de un bump chart, donde las líneas se cruzan repetidamente a medida que una categoría adelanta a otra en el ranking

Por qué funciona

Fundamento perceptivo

Las curvas suavizadas hacen más fácil seguir la trayectoria de un ítem específico que en una grilla de valores. El cruce de líneas visualmente comunica competencia.

Errores comunes

  • Espagueti con muchos ítems

    con más de 10, el gráfico se vuelve ilegible, así que filtra para mostrar solo los más relevantes o usa color para destacar el ítem de interés.

Dónde se usa

Contextos de aplicación

Evolución de posiciones en un torneo
01

Evolución de posiciones en un torneo

El ranking de cada equipo fecha a fecha, con sus cruces de posición.

Ranking de marcas a lo largo de los años
02

Ranking de marcas a lo largo de los años

Quién lidera la categoría cada año y cómo se reordenan las demás.

Competencia por el primer lugar
03

Competencia por el primer lugar

Solo importa el orden, no la magnitud: el bump chart sigue el podio en el tiempo.

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 SourceHighcharts ComercialECharts Open Source
R
ggplot2 Open Source

Gráficos relacionados

Variantes y alternativas cercanas.