Динамическая пузырьковая шкала
тренд
Динамическая пузырьковая шкала
Пузыри перемещаются, меняют размер и группируются по периодам, показывая многомерные изменения.
Использовать этот шаблон●Руководство 06
Создание пузырьковых, солнечных, сетевых и Gantt-диаграмм
шаг за шагом.
Эти диаграммы отвечают на разные вопросы и требуют разной структуры строк. Освойте форматы состояний пузырей, иерархических путей, взвешенных связей и задач расписания.
Динамическая пузырьковая шкала
Кратко Чему вы научитесь
От чистых данных к графику, готовому к публикации.
- Превратить поисковый запрос в решение по графику
- Подготовить CSV с чистыми метками, единицами и периодами
- Использовать Динамическая пузырьковая шкала, только если он подходит данным
- Экспортировать видео и финальный PNG
CSV Руководство по данным
Начните с правильной структуры данных
Используйте эту готовую схему как основу. Замените строки примера, сохраните структуру столбцов и просмотрите всю анимацию перед экспортом.
- Подходит для
- Пузыри перемещаются, меняют размер и группируются по периодам, показывая многомерные изменения.
- Обязательные столбцы
ОбъектПериодXYРазмер- Что означает одна строка
- Один объект в одном периоде с координатами X/Y и числовым размером пузыря. Повторяйте объект для каждого периода.
Три шага
- 1
Сохраните названия и порядок столбцов, показанные выше.
- 2
Добавляйте одно наблюдение в строку и соблюдайте единые названия, единицы и периоды.
- 3
Просмотрите все кадры, затем настройте подписи, плотность и темп.
Динамическая пузырьковая шкалаЛокализованный пример CSV
Объект,Период,X,Y,Размер
Север,2021,22,64,38
Юг,2021,48,36,62
Восток,2021,71,72,44
Запад,2021,84,28,26
Север,2022,31,69,46
Юг,2022,52,43,70
Восток,2022,66,78,51
Запад,2022,77,35,34
Север,2023,39,75,58
Юг,2023,59,51,77
Восток,2023,72,83,63
Запад,2023,69,44,42
Север,2024,47,81,72
Юг,2024,66,60,86
Восток,2024,79,88,75
Запад,2024,61,53,55CSV Руководство по данным
Начните с правильной структуры данных
Используйте эту готовую схему как основу. Замените строки примера, сохраните структуру столбцов и просмотрите всю анимацию перед экспортом.
- Подходит для
- Вложенные кольца раскрываются от центра, показывая иерархический состав и вклад ветвей.
- Обязательные столбцы
ПутьЗначение- Что означает одна строка
- Один путь до листа и его значение. Разделяйте уровни косой чертой, например Продукт/Ядро/Поиск.
Три шага
- 1
Сохраните названия и порядок столбцов, показанные выше.
- 2
Добавляйте одно наблюдение в строку и соблюдайте единые названия, единицы и периоды.
- 3
Просмотрите все кадры, затем настройте подписи, плотность и темп.
Анимированная солнечная диаграммаЛокализованный пример CSV
Путь,Значение
Продукт/Ядро/Поиск,28
Продукт/Ядро/Рабочее пространство,22
Продукт/Рост/Автоматизация,18
Продукт/Рост/Аналитика,14
Услуги/Консалтинг/Стратегия,12
Услуги/Консалтинг/Исследование,9
Услуги/Реализация/Запуск,16
Услуги/Реализация/Поддержка,11
Партнеры/Платформа/Облако,13
Партнеры/Платформа/Данные,8CSV Руководство по данным
Начните с правильной структуры данных
Используйте эту готовую схему как основу. Замените строки примера, сохраните структуру столбцов и просмотрите всю анимацию перед экспортом.
- Подходит для
- Взвешенные связи прорисовываются, а связанные узлы занимают места в силовой раскладке.
- Обязательные столбцы
ИсточникЦельВес- Что означает одна строка
- Одна направленная связь от источника к цели. Вес управляет силой связи и выделением узлов.
Три шага
- 1
Сохраните названия и порядок столбцов, показанные выше.
- 2
Добавляйте одно наблюдение в строку и соблюдайте единые названия, единицы и периоды.
- 3
Просмотрите все кадры, затем настройте подписи, плотность и темп.
Силовая сетьЛокализованный пример CSV
Источник,Цель,Вес
Продукт,Дизайн,8
Продукт,Разработка,10
Продукт,Исследование,6
Дизайн,Бренд,4
Дизайн,Рост,5
Разработка,Данные,7
Разработка,Платформа,9
Исследование,Данные,5
Рост,Продажи,6
Продажи,Поддержка,4
Платформа,Поддержка,5
Данные,Аналитика,7
Аналитика,Рост,3CSV Руководство по данным
Начните с правильной структуры данных
Используйте эту готовую схему как основу. Замените строки примера, сохраните структуру столбцов и просмотрите всю анимацию перед экспортом.
- Подходит для
- Полосы проекта строятся на общей шкале времени с прогрессом и последовательным появлением задач.
- Обязательные столбцы
ЗадачаНачалоКонецПрогресс- Что означает одна строка
- Одна задача с числовыми началом и концом и прогрессом от 0 до 100. Конец должен быть больше начала.
Три шага
- 1
Сохраните названия и порядок столбцов, показанные выше.
- 2
Добавляйте одно наблюдение в строку и соблюдайте единые названия, единицы и периоды.
- 3
Просмотрите все кадры, затем настройте подписи, плотность и темп.
Анимированная диаграмма ГантаЛокализованный пример CSV
Задача,Начало,Конец,Прогресс
Исследование,0,3,100
Стратегия,1,5,92
UX-дизайн,3,8,78
Прототип,5,10,65
Разработка,7,15,48
Тестирование,13,17,32
Запуск,16,20,1201 Туториал
Следуйте процессу
Идите по шагам для нового графика или используйте их как чек-лист для существующей анимации.
- 01
Понять локальный интент
Сначала определите, ищет ли пользователь инструкцию, шаблон, настройки экспорта или пример для отчета.
- 02
Подготовить заменяемый CSV
Одна строка заголовков, короткие метки, единые единицы и отсутствие лишних итогов делают пример пригодным для реальных данных.
- 03
Выбрать тип графика
Начните с вопроса: рейтинг, тренд, сравнение, доля, поток или связь. Используйте Динамическая пузырьковая шкала, когда он ясно показывает отношение.
- 04
Написать видимый вывод
Разместите вывод, единицу и период рядом с графиком, чтобы финальный кадр работал в поиске, соцсетях или отчете.
- 05
Настроить читаемое движение
Замедляйте лидеров, пересечения, выбросы и финальные значения. Анимация должна направлять внимание.
- 06
Экспортировать под канал
MP4 или WebM для движения, PNG для PDF, писем, превью и контекстов с уменьшенной анимацией.
02 Визуальные примеры
Попробуйте эти шаблоны
Сравните движение и чтение, прежде чем выбрать формат. Каждый пример открывается как редактируемый график на данных.
Анимированная солнечная диаграмма
доля
Анимированная солнечная диаграмма
Вложенные кольца раскрываются от центра, показывая иерархический состав и вклад ветвей.
Использовать этот шаблонСиловая сеть
сравнение
Силовая сеть
Взвешенные связи прорисовываются, а связанные узлы занимают места в силовой раскладке.
Использовать этот шаблонАнимированная диаграмма Ганта
тренд
Анимированная диаграмма Ганта
Полосы проекта строятся на общей шкале времени с прогрессом и последовательным появлением задач.
Использовать этот шаблон03 Применить
Смежные сценарии
04 Вопросы и ответы
Частые вопросы
Для кого руководство Создание пузырьковых, солнечных, сетевых и Gantt-диаграмм?
Для команд, которые превращают CSV или таблицы в анимированные графики для отчетов, продуктовых страниц, соцсетей или презентаций.
С какого графика начать?
Начните с шаблона Динамическая пузырьковая шкала, если он подходит отношению данных. Если вопрос другой, смените шаблон до настройки дизайна.
Какой формат экспортировать?
MP4 для совместимости, WebM для веба, GIF только для коротких немых циклов, PNG как статичный финальный кадр.