Создавайте анимированные столбчатые и линейные диаграммы за считанные секунды (визуализация движу... скачать в хорошем качестве

Создавайте анимированные столбчатые и линейные диаграммы за считанные секунды (визуализация движу...

Я использую ViScreen для записи экрана: https://apps.microsoft.com/detail/9pd... Оживите свои данные с помощью анимированных диаграмм — After Effects не требуется. В этом уроке вы узнаете, как использовать Gemini 3 + Canvas для (1) получения или импорта данных, (2) автоматического создания анимированных столбчатых диаграмм в стиле моушн-графики, (3) уточнения меток/элементов управления с помощью подсказок и (4) экспорта анимации в виде видеоролика, которым можно поделиться на YouTube, в презентациях или на веб-сайтах. Что вы узнаете Включение Gemini Canvas для предварительного просмотра анимации в реальном времени Два пути доступа к данным: загрузка CSV-файла/таблицы или предварительное исследование Gemini на основе авторитетных источников Запрос Gemini на программное создание анимированной диаграммы (график «гонка столбцов» / временной ряд) Итерация по запросу: добавление/удаление меток, изменение размера, скрытие элементов управления воспроизведением, настройка времени Экспорт рабочего процесса: сохранение кода в формате .html, открытие в браузере, запись экрана в формате MP4 Краткий старт (TL;DR) Откройте Google Gemini → включите Canvas. Если у вас есть данные, загрузите CSV-файл/Excel. Если нет, запросите у Gemini исследование (укажите источники). Попросите Gemini создать анимированную столбчатую диаграмму, показывающую изменения во времени (например, атомная энергетика по странам). Итерация: «Показать год во время анимации». «Удалить кнопку воспроизведения и метку «годовое производство электроэнергии»». «Уменьшите размер диаграммы и добавьте поля». Нажмите «Поделиться» → «Скопировать содержимое», вставьте в Блокнот/TextEdit, сохраните как .html. Откройте файл в браузере → полноэкранный режим → запись экрана, чтобы получить видео. Подсказка для копирования и вставки (шаблон) Вам нужно (1) найти или использовать загруженные данные и (2) создать анимированную столбчатую диаграмму, которая воспроизводится во времени. Задание A (Данные): Если файл не прикреплен, найдите достоверные данные по [ТЕМЕ], включая [метрику], [список стран/регионов или «топ N»] и [временной диапазон]. Предоставьте краткий список цитируемых источников. Задание B (Анимация): Программно создайте анимированную столбчатую диаграмму (в стиле «гонки столбцов»), которая показывает изменение метрики во времени. Требования: Четкий заголовок и подписи осей. Заметная метка года/периода, обновляющаяся по мере воспроизведения анимации. Плавное сглаживание и согласованная цветовая палитра с хорошим контрастом. Отсутствие кнопки повторного воспроизведения; Минималистичный пользовательский интерфейс. — Адаптивный дизайн; работает в полноэкранном режиме в браузере. — Предоставляет полный, самодостаточный HTML/JS/CSS код. Примеры итераций: «Увеличьте размер шрифта меток и выделите год жирным шрифтом». «Сократите общую продолжительность до 20 секунд и сгладьте сглаживание». «Скройте легенду; добавьте метки значений к каждой полосе». «Экспортируйте код снова как единый самодостаточный HTML-файл». Советы по экспорту (преобразование HTML в видео): Windows: ViScreen macOS: запись экрана QuickTime; Запись в разрешении 1080p/4K, 30–60 кадров в секунду; поддерживайте задержку 1–2 секунды для качественного редактирования. Дополнительно: выполните быструю обработку шумоподавления/резкости; добавьте музыку/субтитры в редакторе. Профессиональные советы: Целостность данных: попросите Gemini указать источники; выборочно проверьте ключевые значения. Читаемость: используйте подписи размером более 16 пикселей, высокий контраст, лаконичные заголовки. Темп: 18–30 секунд хорошо подходит для социальных сетей; 45–60 секунд для презентаций. Брендинг: добавьте небольшой логотип, используйте единые цвета и безопасные поля для наложений. Повторное использование: сохраните HTML-код как шаблон — быстро меняйте данные и заголовки для новых видеороликов. Разделы 0:00 Обзор и примеры 0:24 Включение Canvas + выбор пути к данным 0:49 Создание анимированной столбчатой ​​диаграммы (код) 1:14 Настройка: метка года, удаление повтора, изменение размера диаграммы 1:46 Экспорт в HTML → открытие в браузере 2:12 Запись экрана в MP4 + идеи использования анимированная столбчатая диаграмма, гонка столбцов, Gemini 3 Canvas, руководство по визуализации данных, создание диаграмм с помощью ИИ, CSV в анимацию, диаграмма HTML JS, диаграммы моушн-графики, инфографическое видео, ИИ для презентаций #Gemini #Диаграммы #Анимация #РабочийПроцессИИ #Презентации