# Bar Chart Race: Таблица рейтингов

Ранговые бары растут и меняются местами по мере изменения данных. Видеошаблон: код для Claude или монтаж в Subclip.

Canonical URL: https://www.subclip.app/ru/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

Ранжированная горизонтальная гистограмма, которая анимируется по периодам времени, с обгонами, выделенным лидером, осью масштабирования и счетчиком периодов.

- Фреймворк: HyperFrames
- Категория: Графики
- Длительность: 12 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/hyperframes/bar-chart-race

Диаграмма открывается с заголовком, подзаголовком и большой меткой периода, например 2021, в правом верхнем углу. Горизонтальные полосы для каждого элемента выстраиваются в порядке ранга, каждая со своим значением в конце. По мере продвижения периодов столбцы растут и сжимаются, меняются местами, когда один опережает другой, а ось масштабируется, чтобы соответствовать наибольшему значению. Полоса на первом месте занимает акцентный цвет, по умолчанию красный, на теплом кремово-белом фоне.

Введите периоды и значения серий для каждого элемента, затем выберите, сколько столбцов отображать и как долго будет длиться каждый период. Добавьте префикс или суффикс, например $ или M, установите количество десятичных знаков и выберите цвет выноски. Он хорошо работает для определения доли рынка с течением времени, количества подписчиков, рейтинга по годам и любых данных, в которых порядок меняется.

## Для чего подходит

- Доля рынка на протяжении многих лет
- Рейтинг подписчиков или подписчиков
- Сравнение брендов или стран по годам
- Видео по истории спорта и статистики

## Что можно изменить

- `title`: Заголовок (Текст)
- `subtitle`: Субтитры (Текст)
- `periods`: Периоды времени (Текст)
- `series`: Серия данных (Текст)
- `barCount`: Показаны столбцы (Число)
- `periodDuration`: Секунд за период (Число)
- `valuePrefix`: Префикс значения (Текст)
- `valueSuffix`: Суффикс значения (Текст)
- `valueDecimals`: Десятичные знаки (Число)
- `accent`: Цвет лидера (Цвет)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Bar Chart Race и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.