Принцип работы
chart-animation создаёт движущиеся графики, числа и геометрия которых вычисляются из текущего кадра видео. Он отделяет шкалу преобразования данных в пиксели от интерполяции, связывающей кадры с меняющимися значениями. Это важно, если собственный таймер библиотеки графиков расходится с офлайн-рендерером.
Описанный процесс использует Remotion для рендера и хранит наборы данных во входных props. Он охватывает растущие столбцы, счётчики, появление линий и рейтинговые последовательности. Точные подписи, единицы и итоговые значения проверяют на отрендеренных кадрах до кодирования видео или применения дизайна к нескольким наборам данных.
Ожидаемые результаты
- Композиция графика Remotion с покадровым управлением.
- MP4 и переиспользуемые входные данные набора и темы.
- Характерные отдельные кадры для проверки подписей, мест и значений.
От задания до проверки
- 01Проверьте сопоставление данных
Определите поле времени, ряды, единицы и диапазон значений. Зарегистрируйте композицию Remotion со схемой входных данных и props по умолчанию, отделяя набор данных от темы. Если длительность зависит от числа строк, вычисляйте её через calculateMetadata, чтобы новый набор не сохранял длину предыдущего видео.
- 02Управляйте изменениями из кадров
Вычисляйте значения и позиции по кадровому времени. Отключите конкурирующие анимационные циклы библиотеки графиков и форматируйте значения после округления.
- 03Проверьте до кодирования
Отрендерите начало, промежуточный и финальный кадры с фактическими props поставляемого результата. До полного MP4 проверьте точные числа, смены мест, подписи и шкалу.