# Bar Chart Race: Gráfico de ranking

Las barras clasificadas crecen y cambian de lugar a medida que cambian los datos. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/motion-graphics-templates/hyperframes/bar-chart-race

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-bar-chart-race.mp4?v=753117f8f1

Un gráfico de barras horizontales ordenadas que avanza por periodos de tiempo, con adelantamientos, el primer puesto resaltado, un eje que se reescala y un contador de periodo.

- Framework: HyperFrames
- Categoría: Gráficos
- Duración: 12 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/hyperframes/bar-chart-race

El gráfico empieza con un título, un subtítulo y una gran etiqueta de periodo como 2021 arriba a la derecha. Las barras horizontales de cada elemento se alinean por orden de ranking, cada una con su valor al final. A medida que avanzan los periodos, las barras crecen y se encogen, cambian de puesto cuando una adelanta a otra y el eje se reescala para que quepa el valor más alto. La barra en primer lugar toma el color de acento, rojo por defecto, sobre un fondo blanco roto cálido.

Introduce tus periodos y los valores de la serie de cada elemento, y luego elige cuántas barras mostrar y cuánto dura cada periodo. Añade un prefijo o un sufijo como $ o M, define el número de decimales y elige el color del primer puesto. Funciona bien para cuota de mercado a lo largo del tiempo, número de suscriptores, rankings por año y cualquier historia de datos en la que cambie el orden.

## Úsala para

- Cuota de mercado a lo largo de los años
- Rankings de seguidores o suscriptores
- Marcas o países comparados por año
- Historia del deporte y estadísticas

## Qué puedes cambiar

- `title`: Título (Texto)
- `subtitle`: Subtítulo (Texto)
- `periods`: Periodos de tiempo (Texto)
- `series`: Series de datos (Texto)
- `barCount`: Barras visibles (Número)
- `periodDuration`: Segundos por periodo (Número)
- `valuePrefix`: Prefijo del valor (Texto)
- `valueSuffix`: Sufijo del valor (Texto)
- `valueDecimals`: Decimales (Número)
- `accent`: Color del primer puesto (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Bar Chart Race y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.