Ejemplos · Bump chart

Bump chart: ejemplos

Un club puede ganar puntos y bajar puestos. Un bump chart muestra el orden; las líneas, los puntos. Esta clasificación ficticia permite comparar ambas vistas con los mismos valores originales.

Cuándo usarlo

  • Seguir posiciones de liga, buscadores o clasificaciones durante al menos tres periodos
  • Destacar cambios de orden cuando la distancia entre valores es secundaria

¿Conviene otra forma?

Para distancias usa líneas; para dos periodos, pendiente. Los puestos se calculan entre las filas aportadas. Incluye todos los competidores relevantes antes de seleccionar los primeros N.

Ejemplos de uso

Posición de búsqueda por mes

Los valores ya son posiciones. Una observación ausente interrumpe la línea y no se convierte en último puesto.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "bump",
  "theme": "editorial",
  "title": "Posición de búsqueda de tres páginas",
  "source": "Datos ficticios",
  "options": {
    "rankMode": "ranks"
  },
  "data": {
    "labels": [
      "ene",
      "feb",
      "mar",
      "abr",
      "may"
    ],
    "series": [
      {
        "name": "Guía",
        "values": [
          6,
          5,
          3,
          2,
          1
        ]
      },
      {
        "name": "Lista de comprobación",
        "values": [
          3,
          2,
          null,
          4,
          3
        ]
      },
      {
        "name": "Comparación",
        "values": [
          5,
          4,
          2,
          1,
          2
        ]
      }
    ]
  }
}

Lenguajes en una encuesta ficticia

Los votos determinan el orden anual. La descripción indica votos y puesto. Los empates comparten posición de competición.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "bump",
  "theme": "editorial",
  "title": "Votos por lenguaje",
  "source": "Datos ficticios",
  "options": {
    "rankMode": "values"
  },
  "data": {
    "labels": [
      "2022",
      "2023",
      "2024",
      "2025"
    ],
    "series": [
      {
        "name": "Python",
        "values": [
          320,
          380,
          450,
          510
        ]
      },
      {
        "name": "JavaScript",
        "values": [
          400,
          380,
          420,
          480
        ]
      },
      {
        "name": "Rust",
        "values": [
          180,
          250,
          360,
          490
        ]
      },
      {
        "name": "Go",
        "values": [
          240,
          290,
          350,
          420
        ]
      }
    ]
  }
}
Abrir este gráfico en el creador Empezar con Bump Chart

Preguntas frecuentes

¿Cómo se ordenan los empates?

En modo de valores, los iguales comparten puesto: 90, 80, 80 y 60 dan 1, 2, 2 y 4. El modo de posiciones conserva los enteros introducidos.

¿Qué ocurre fuera de los primeros N?

La línea termina en la última observación incluida y reaparece al volver. Los ausentes también dejan huecos. La tabla conserva todos los valores sin inventar posiciones.

¿Puedo cambiar a líneas?

Sí, si introdujiste valores: las líneas muestran esos valores y bump sus puestos. Las posiciones ya calculadas no contienen los valores originales; el creador explica por qué no permite ese cambio.